Bottom Navigation Bar

class Application extends StatefulWidget {
  const Application({super.key});
 
  @override
  State<Application> createState() => _ApplicationState();
}
 
class _ApplicationState extends State<Application> {
  int index = 1;
 
  @override
  Widget build(BuildContext context) => FBottomNavigationBar(
        index: index,
        onChange: (index) => setState(() => this.index = index),
        children: [
          FBottomNavigationBarItem(
            icon: FIcon(FAssets.icons.home),
            label: const Text('Home'),
          ),
          FBottomNavigationBarItem(
            icon: FIcon(FAssets.icons.layoutGrid),
            label: const Text('Browse'),
          ),
          FBottomNavigationBarItem(
            icon: FIcon(FAssets.icons.radio),
            label: const Text('Radio'),
          ),
          FBottomNavigationBarItem(
            icon: FIcon(FAssets.icons.libraryBig),
            label: const Text('Library'),
          ),
          FBottomNavigationBarItem(
            icon: FIcon(FAssets.icons.search),
            label: const Text('Search'),
          ),
        ],
      );
}