Question

当我尝试使用5个项目创建BottomNavigationBar时，错误输出：

RangeError（index）：无效值：不在0..2范围内，包括：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的帮助。

BottomNavigationBar有5个项目

1 个答案: