Skip to Content
Forui 0.12.0 is released 🎉
DocumentationNavigationBottom Navigation Bar

Bottom Navigation Bar

A bottom navigation bar is usually present at the bottom of root pages. It is used to navigate between a small number of views, typically between three and five.

CLI

To generate and customize this style:

dart run forui style create bottom-navigation-bar

Usage

A bottom navigation bar is typically used with FScaffold. A working example can be found here.

FBottomNavigationBar(...)

FBottomNavigationBar( style: FBottomNavigationBar(), index: 0, onChange: (index) => {}, children: [ FBottomNavigationBarItem( icon: Icon(FIcons.house), label: const Text('Home'), autofocus: false, focusNode: FocusNode(), onFocusChange: (focused) {}, onHoverChange: (hovered) {}, onStateChange: (states) {}, ), ], );
Last updated on