title: Flutter | How to make custom button of BottomNavigationBar in flutter?
body: <p>I want make a button with text and icon inside it, with custom background color and custom width. with fix position (not scrollable). would you like to help me please ?</p>
  
  <p>here are the code:</p>
  
  <pre><code> bottomNavigationBar: BottomNavigationBar(
          type: BottomNavigationBarType.shifting,
          currentIndex: 0, // this will be set when a new tab is tapped
          items: [
            BottomNavigationBarItem(icon: Icon(Icons.supervised_user_circle), title: Text('Players'),backgroundColor: Colors.red),
            BottomNavigationBarItem(icon: Icon(Icons.whatshot), title: Text('Trending'),backgroundColor: Colors.blueAccent),
            BottomNavigationBarItem(icon: Icon(Icons.access_time), title: Text('Highlights'),backgroundColor: Colors.yellow)
          ]
  </code></pre>
  
  <p>its only give a color for the icon.</p>
  
  <p>this is what I want:</p>
  
  <p><a href="https://i.stack.imgur.com/znznK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/znznK.png" alt="enter image description here"></a></p>