Bottom Navigation Bar – Forui (original) (raw)

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

Usage

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

FBottomNavigationBar(...)

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

May 6, 2025

Select Menu TileBreadcrumb