我在Flutter中的BottomNavigationBar有问题,底部导航栏项目：标题不起作用，存在错误

dgtucam1 于 2023-06-30 发布在 Flutter

关注(0)|答案(3)|浏览(376)

bottomNavigationBar: BottomNavigationBar(
  items: const <BottomNavigationBarItem>[
    BottomNavigationBarItem(
      icon: Icon(
        Icons.home,
      ),
      title: Text(
        'Home',
      ),
    ),
    BottomNavigationBarItem(
      icon: Icon(
        Icons.message,
      ),
      title: Text(
        'Messages',
      ),
    ),
    BottomNavigationBarItem(
      icon: Icon(
        Icons.person,
      ),
      title: Text(
        'Profile',
      ),
    ),
  ],

),

enter image description here错误代码片段
帮助解决这个问题。

flutter

来源：https://stackoverflow.com/questions/76580136/i%c2%b4ve-a-problem-with-the-bottomnavigationbar-in-flutter-bottomnavigationbaritem

3条答案

按热度按时间

qybjjes11#

BottomNavigationBarItem中没有名为“title”的参数。你需要使用label来给出BottomNavigationBarItem小部件中的文本，它直接包含字符串。
所以更新后的代码看起来像这样：

bottomNavigationBar: BottomNavigationBar(
    items: const <BottomNavigationBarItem>[
      BottomNavigationBarItem(
          icon: Icon(
            Icons.home,
          ),
          label: 'Home',
      ),
      BottomNavigationBarItem(
        icon: Icon(
          Icons.message,
        ),
        label: 'Messages',
      ),
      BottomNavigationBarItem(
        icon: Icon(
          Icons.person,
        ),
        label: 'Profile',
      ),
    ],
  ),

赞(0）回复(0）举报 2023-06-30

6qqygrtg2#

问题是BottomNavigationBarItem中没有属性title，而是使用label
同样，第一张图中的错误表示，该标签等于null

赞(0）回复(0）举报 2023-06-30

o4tp2gmn3#

你应该使用标签而不是标题