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.
Preview
CLI
To generate and customize this style:
dart run forui style create bottom-navigation-barUsage
A bottom navigation bar is typically used with FScaffold. A working example can be found here.
FBottomNavigationBar(...)
FBottomNavigationBar(
index: 0,
onChange: (index) {},
style: (style) => style.copyWith(...),
children: [
FBottomNavigationBarItem(
icon: const Icon(FIcons.house),
label: const Text('Home'),
style: (style) => style.copyWith(...),
autofocus: false,
focusNode: FocusNode(),
onFocusChange: (focused) {},
onHoverChange: (hovered) {},
onStateChange: (delta) {},
),
],
);Last updated on