Skip to content

Latest commit

 

History

History
35 lines (30 loc) · 1.21 KB

README.md

File metadata and controls

35 lines (30 loc) · 1.21 KB

Navigation Dot Bar

Una libreria de Flutter, el cual agrega un BottomNavigationBar con un mejor estilo. Inspirada en la aplicacion "Reflectly"

20181111_230822

Como usarlo

Agregue la dependencia a su proyecto, editando el archivo pubspec.yaml.

  dependencies:
    navigation_dot_bar: ^0.1.2

Importar la libreria a tu proyecto:

import 'package:navigation_dot_bar/navigation_dot_bar.dart';

Usalo de manera sencilla con 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] */ }),
        ...
        ..
        .
      ]
  ),
)