Пользовательский элемент нижней панели навигации (извлечь как виджет)

Question

Как я могу извлечь BottomNavigationBarItem, чтобы иметь более читаемый код и повторно использовать виджет элемента?

Если я извлекаю их в виджет без сохранения состояния, я получаю сообщение об ошибке:

не может быть назначен типу списка «BottomNavigationBarItem»

      BottomNavigationBarItem(
            icon: Container(
              decoration: const BoxDecoration(
                color: Colors.black,
                shape: BoxShape.circle,
              ),
              height: 56,
              width: 56,
              child: const Icon(Icons.favorite),
            ),
            label: '')

Я знаю, что могу извлечь контейнер внутри свойства значка, но я хотел бы извлечь весь виджет. Заранее спасибо!

Answer 1

Для создания любого метода для конкретного виджета вам необходимо определить возвращаемый тип этого элемента, например.

      class CommonWidget{

BottomNavigationBarItem getItem(){
    return BottomNavigationBarItem(
            icon: Container(
              decoration: const BoxDecoration(
                color: Colors.black,
                shape: BoxShape.circle,
              ),
              height: 56,
              width: 56,
              child: const Icon(Icons.favorite),
            ),
            label: '');
   }

}

И вы можете вызвать этот getItem внутри списка элементов нижней навигации.