BottomNavigationBar с 5 пунктами

Question

Когда я пытаюсь создать BottomNavigationBar из 5 элементов, он выдает ошибку:

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 за вашу помощь.