flutter - BottomNavigationBar 有 5 个项目

Question

当我尝试创建一个包含 5 个项目的 BottomNavigationBar 时，它出错了:

RangeError (index): Invalid value: Not in range 0..2, inclusive: 3

代码如下:

import 'package:flutter/material.dart';

void main() {
  runApp(new BottomNavDemo());
}

class BottomNavDemo extends StatefulWidget {
  @override
  _BottomNavDemoState createState() => new _BottomNavDemoState();
}

class _BottomNavDemoState extends State<BottomNavDemo> {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'my title',
      home: new Scaffold(
        bottomNavigationBar: new BottomNavigationBar(
          items: <BottomNavigationBarItem>[
            new BottomNavigationBarItem(
                title: new Text('One'), 
                icon: new Icon(Icons.home)),
            new BottomNavigationBarItem(
                title: new Text('Two'),
                icon: new Icon(Icons.terrain)),
            new BottomNavigationBarItem(
                title: new Text('Three'),
                icon: new Icon(Icons.bluetooth)),
            new BottomNavigationBarItem(
                title: new Text('Four'),
                icon: new Icon(Icons.cake)),
            new BottomNavigationBarItem(
                title: new Text('Five'),
                icon: new Icon(Icons.edit)),
          ],
        ),
      ),
    );
  }
}

它应该能够支持列表中的 5 个项目。正确吗？

Answer 1

清理并重新启动实际上解决了问题。这也引入了一个新问题。

没有明确设置

type: BottomNavigationBarType.fixed,

图标在非常浅的灰色背景上显示为白色，直到我点击它们所在的区域我才看到。设置此属性后，它可以正常工作。

感谢@dhuma1981 的帮助。