一个 Flutter 库,它添加了一个具有更好样式的 BottomNavigationBar。灵感来自“Reflectly”应用程序

Navigation-Dot-Bar

如何使用

通过编辑 pubspec.yaml 文件将依赖项添加到您的项目中。

  dependencies:
    navigation_dot_bar: ^0.1.3

将库导入到您的项目中

import 'package:navigation_dot_bar/navigation_dot_bar.dart';

使用 BottomNavigationDotBar 轻松使用它

Scaffold(
  appBar: AppBar( title: Text("Demo Bottom Navigation Bar")),
  body: Container(),
  bottomNavigationBar: BottomNavigationDotBar ( // Usar -> "BottomNavigationDotBar"
      items: <BottomNavigationDotBarItem>[
        BottomNavigationDotBarItem(icon: Icons.map, onTap: () { /* Cualquier funcion - [abrir nueva venta] */ }),
        BottomNavigationDotBarItem(icon: Icons.alarm_add, onTap: () { /* Cualquier funcion - [abrir nueva venta] */ }),
        BottomNavigationDotBarItem(icon: Icons.timer, onTap: () { /* Cualquier funcion - [abrir nueva venta] */ }),
        ...
        ..
        .
      ]
  ),
)

GitHub

https://github.com/TioCoding/flutter_navigation_dot_bar