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

Flutter BottomNavigationBar center icon style

wassim sakri answered on August 15, 2022 Popularity 5/10 Helpfulness 2/10

answer Flutter BottomNavigationBar center icon style

Flutter BottomNavigationBar center icon style

Comment

return BottomNavigationBar(
          type: BottomNavigationBarType.fixed,
          fixedColor: Color(0xff2398C3),
          showSelectedLabels: false,
          showUnselectedLabels: false,
          currentIndex: snapshot.data.index,
          onTap: _bottomNavBarBloc.pickItem,
          items: [
            BottomNavigationBarItem(
              title: Text('Search'),
              icon: Icon(Icons.search),
            ),
            BottomNavigationBarItem(
              title: Text('Browse'),
              icon: Icon(Icons.view_list),
            ),
            BottomNavigationBarItem(
              title: Text('Icon'),
              icon: Container(
                child: FlutterLogo(
                  size: 35.0,
                ),
              ),
            ),
            BottomNavigationBarItem(
              title: Text('Favorites'),
              icon: Icon(Icons.bookmark),
            ),
            BottomNavigationBarItem(
              title: Text('Settings'),
              icon: Icon(Icons.settings),
            ),
          ],
        );

Popularity 5/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: center whatever

Link to this answer
Share Copy Link