代码之家 › 专栏 › 技术社区 › Husna

底部导航栏中添加的四个图标不起作用

flutter dart

Husna · 技术社区 · 6 年前

我对flutter不太熟悉,我在尝试添加四个图标时创建了一个底部导航栏。图标颜色变为白色。我应该如何做到这一点,有人能建议我。下面是我的代码。任何帮助都将不胜感激。

 bottomNavigationBar: new BottomNavigationBar(items: [
    new BottomNavigationBarItem(icon: new Icon(Icons.add), title: new Text("Text")),
    new BottomNavigationBarItem(icon: new Icon(Icons.person), title: new Text("Contact")),
    new BottomNavigationBarItem(icon: new Icon(Icons.accessibility), title: new Text("Acess")),
    new BottomNavigationBarItem(icon: new Icon(Icons.account_balance), title: new Text("Balance"))
  ]),

1 回复 | 直到 6 年前

Günter Zöchbauer 6 年前

当有3个以上的元素时,需要显式设置 type: BottomNavigationBarType.fixed,

bottomNavigationBar: new BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    items: [
    new BottomNavigationBarItem(icon: new Icon(Icons.add), title: new Text("Text")),
    new BottomNavigationBarItem(icon: new Icon(Icons.person), title: new Text("Contact")),
    new BottomNavigationBarItem(icon: new Icon(Icons.accessibility), title: new Text("Acess")),
    new BottomNavigationBarItem(icon: new Icon(Icons.account_balance), title: new Text("Balance"))
  ]),

如果提供的BottomNavigationBar项超过3个,则类型(如果未指定)将更改为BottomNavigationBarType.shifting per。 https://docs.flutter.io/flutter/material/BottomNavigationBar/BottomNavigationBar.html 。

推荐文章

swastij · 如何在颤振中创建垂直线性梯度?

1 年前

Jaimin Modi · 从Flutter中的Head呼叫响应中获取特定Header值

2 年前

Andrii Havryliak · 如何仅对需要状态的数组对象求和(true)

2 年前

IshikiHIkaru · 颤振:替换“.jpg”后面的特定字符串

2 年前

Tindona · 在flatter中有没有办法将响应体转换为XML?

2 年前

swapnil mane · 当我在颤振中向下滚动时,额定值变为零

2 年前

Aneesh A · 如何在flatter/dart中删除字符串中的空格,并将每个单词的第一个字母大写

2 年前

Irfan Ganatra · 颤振:如何在导航时知道参数是否传递

2 年前

Nikita · 如果有不好的状态还有些别的东西

2 年前

Tindona · 在flatter中更新小部件之间的值

2 年前