title: Separate bottom navigation bar widget
body: <p>I am new to Flutter. I separate my bottom navigation bar file and call it in my screen file. Basically, I want to do some background color like container on selected icon. This is my code and design that I want it to be like this.</p>
  <p><a href="https://i.stack.imgur.com/TpnXD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TpnXD.png" alt="enter image description here" /></a></p>
  <pre><code>BottomNavigationBar bottom_navbar_home(
     
  
  ){  
  
     return BottomNavigationBar( 
        type: BottomNavigationBarType.fixed,
        selectedItemColor: Colors.black,
                items: [
                  BottomNavigationBarItem(
                    
                    icon: Icon(Icons.home_filled,), label: 'Home'),
                  BottomNavigationBarItem(
                      icon: Icon(Icons.feed_outlined), label: 'Activity'),
                  BottomNavigationBarItem(
                      icon: Icon(Icons.account_balance_wallet_outlined),
                      label: 'Wallet'),
                  BottomNavigationBarItem(
                      icon: Icon(Icons.chat_bubble_outline),
                      label: 'Notification'),
                  BottomNavigationBarItem(
                      icon: Icon(Icons.person), label: 'Settings'),
                ],
  
     );
  
     
  }
  </code></pre>