loc-chain-app/loc_chain_app/lib/widgets/navbar.dart

import 'package:flutter/material.dart';
import 'package:loc_chain_app/pages/home.dart';
import 'package:loc_chain_app/pages/keygen.dart';

import '../pages/bluetooth.dart';
import '../pages/settings.dart';

class NavBarWidget extends StatefulWidget {
  NavBarWidget({Key? key}) : super(key: key);

  @override
  _NavBarWidgetState createState() => _NavBarWidgetState();
}

class _NavBarWidgetState extends State<NavBarWidget> {
  int _selectedIndex = 0;
  Widget _selectedWidget = HomePage(title: 'Home');
  static List<Widget> pages = <Widget>[
    HomePage(
      title: 'Home',
    ),
    BluetoothPage(
      title: 'Connect',
    ),
    KeygenPage(
      title: 'RSA Configuration',
    ),
    SettingsPage(
      title: 'Settings',
    )
  ];
  void _onItemTapped(int index) => setState(() {
        _selectedIndex = index;
        _selectedWidget = pages[_selectedIndex];
      });

  @override
  Widget build(context) => Scaffold(
        body: _selectedWidget,
        bottomNavigationBar: BottomNavigationBar(
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(
              icon: Icon(Icons.home_rounded),
              label: 'Home',
              backgroundColor: Colors.cyan,
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.bluetooth),
              label: 'Connect',
              backgroundColor: Colors.cyan,
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.lock_rounded),
              label: 'RSA Configuration',
              backgroundColor: Colors.cyan,
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.lock_rounded),
              label: 'Settings',
              backgroundColor: Colors.cyan,
            ),
          ],
          currentIndex: _selectedIndex,
          selectedItemColor: Colors.lightBlueAccent,
          unselectedItemColor: Colors.lightBlue[200],
          onTap: _onItemTapped,
        ),
      );
}