如何更改底部导航栏颤动的颜色?

问题描述 投票:-1回答:1

我想在bottomNavigationBar中更改颜色。每个图标将具有不同的颜色。我该怎么办?

这里是代码:

          bottomNavigationBar: new TabBar(
            tabs: [
              Tab(
                icon: new Icon(Icons.home),             
              ),
              Tab(
                icon: new Icon(Icons.search),
              ),
              Tab(
                icon: new Icon(Icons.account_box),
              ),
              Tab(
                icon: new Icon(Icons.enhanced_encryption),
              ),
              Tab(icon: new Icon(Icons.store),)
            ],
            labelColor: Colors.black,
            unselectedLabelColor: Colors.grey[500 ],
            indicatorSize: TabBarIndicatorSize.tab,
            indicatorPadding: EdgeInsets.all(5),
            indicatorColor: Colors.red,


          ),
          backgroundColor: Colors.white,
        ),
      ),
    );
  }
}

提前谢谢您

flutter dart flutter-layout
1个回答
0
投票

一种方法是创建一个表示选项卡的布尔列表,当选择一个选项卡时会更改其布尔值,并且在图标颜色中使用二进制显示颜色!

Icon (
  Icons.home,
  color: checkSelected[0] ? Colors.yellow : Colors.grey,
),

希望这会有所帮助!

© www.soinside.com 2019 - 2024. All rights reserved.