Как отобразить более 3 элементов в BottomNavigationBar при кодировании в флаттере

Question

Я попытался добавить 5 BottomNavigationBarItem, но компилятор выдает ошибку, если я пытаюсь добавить более 3 элементов.Это выглядит примерно так:

 The following RangeError was thrown building BottomNavigationBar(dirty, state:
_BottomNavigationBarState#a56dd(tickers: tracking 3 tickers)):
 RangeError (index): Invalid value: Not in range 0..2, inclusive: 3

Мне нужно отобразить 5 элементов в BottomNavigationBar.Помоги мне в этом.

BottomNavigationBar отсутствует

есть ссылка на код, и, в настоящее время там всего три элемента, я хочу добавить еще два элемента без сообщения об ошибке, выдаваемого компилятором

Answer 1

Просто пишу это для будущего запроса относительно этой проблемы.

Просто добавьте дополнительный параметр в конструкторе BottomNavigationBar -

type : BottomNavigationBarType.fixed

Проверьте также официальный справочник флаттера

Необязательно: Перезапустите приложение с самого начала, чтобы устранить проблему с рендерингом.

Answer 2

Это потому, что NavigatioBar по умолчанию не поддерживает более 3 элементов. Используйте это: type: BottomNavigationBarType.fixed

ИЛИ Скопируйте и вставьте этот код ниже

    bottomNavigationBar: BottomNavigationBar(
     type: BottomNavigationBarType.fixed,
     backgroundColor: Theme.Colors.primaryDarkColor,
    currentIndex: 1,
     items: [
    BottomNavigationBarItem(icon: Icon(Icons.arrow_drop_up,), title: Text("GLO", 
    style: TextStyle(color: Colors.black),),),
    BottomNavigationBarItem(icon: Icon(Icons.arrow_drop_up), title: 
    Text("MTN"),),
    BottomNavigationBarItem(icon: Icon(Icons.arrow_drop_up), title: 
    Text("Airtel"),),
    BottomNavigationBarItem(icon: Icon(Icons.arrow_drop_up), title: 
    Text("Airtel"),),
     ],
  ),

Answer 3

Не перегружайте, просто перезапустите ваш проект