Breaking News: Grepper is joining You.com. Read the official announcement!

selected icon in navigation bar flutter

Mosab Gjam answered on July 4, 2022 Popularity 4/10 Helpfulness 2/10

answer selected icon in navigation bar flutter

selected icon in navigation bar flutter

Comment

// there is new future added called active icon you can add it to your code 
   bottomNavigationBar: BottomNavigationBar(
          currentIndex:1,
          backgroundColor: Color(0xff48A9C5),
          unselectedItemColor: Colors.white,
          selectedItemColor: Colors.black54,
          type: BottomNavigationBarType.fixed,
          elevation: 60,
          onTap: (value) {
           
          },
          items: [
            BottomNavigationBarItem(
                icon: Icon(
                 Icon(Icons.home),
                  color: Colors.white,
                ),
                activeIcon: Icon(
                Icon(Icons.home),
                  color: Colors.black12,
                ),
                label: Text("Home")),
            BottomNavigationBarItem(
                icon: Icon(Icons.home),
                    color: Colors.white),
                activeIcon: Icon(
                Icon(Icons.home),
                  color: Colors.black12,
                ),
                label: Text("Home") ),
            BottomNavigationBarItem(
                icon: Icon(Icons.home),
                    color: Colors.white),
                activeIcon: Icon(
                  Icon(Icons.home),
                  color: Colors.black12,
                ),
                label: Text("Home")  ),
            BottomNavigationBarItem(
                icon: Icon(Icons.home),
                    color: Colors.white),
                activeIcon: Icon(
                Icon(Icons.home),
                  color: Colors.black12,
                ),
                label: Text("Home")),
          ],
        ),

Popularity 4/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: flutter navigation selected whatever

Link to this answer
Share Copy Link

Contributed on Jul 04 2022

Mosab Gjam

0 Answers Avg Quality 2/10

selected icon in navigation bar flutter

Contents

More Related Answers

selected icon in navigation bar flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.