Question

我想在选择了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,
        ),
      ),
    );
  }
}

提前谢谢

Answer 1

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

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

希望这会有所帮助！

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

1 个答案: