Могу ли я добавить интервал вокруг иконки в нижней панели навигации Flutter? - PullRequest
Новая
       2

Могу ли я добавить интервал вокруг иконки в нижней панели навигации Flutter?

1 голос
/ 10 февраля 2020

У меня есть нижняя панель навигации во флаттере, и я планирую использовать Font Awesome Icons для предметов. Тем не менее, по сравнению с иконками материалов, шрифтовые иконки не имеют промежутков вокруг них. Это заставляет их трогать названия элементов нижней панели навигации. Можно ли как-нибудь добавить пробел между ними?

Нижний штриховой код: 

BottomNavigationBar(
                type: BottomNavigationBarType.shifting,
                currentIndex: _currentIndex,
                items: [
                  BottomNavigationBarItem(
                    icon: Icon(
                      Icons.list,
                      size: 30.0,
                    ),
                    title: Text('Notice Board'),
                    backgroundColor: Colors.grey[900],
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(
                      FontAwesomeIcons.handsHelping,

                      // size: 30.0,
                    ),
                    title: Text('Services'),
                    backgroundColor: Colors.green,
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(
                      Icons.add,
                      size: 35.0,

                    ),
                    title: Text('Create'),
                    backgroundColor: Colors.cyan,
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(
                      FontAwesomeIcons.store,
                      // size: 30.0,
                    ),
                    title: Text('Marketplace'),
                    backgroundColor: Colors.orange,
                  ),
                ],
                onTap: (index) {
                  setState(() {
                    _currentIndex = index;
                  });
                },
              ),

Ответы [ 2 ]

0 голосов
/ 10 февраля 2020

Вы можете попытаться добавить виджет Padding (https://api.flutter.dev/flutter/widgets/Padding-class.html) вокруг вашего Icon, который использует Font awesome.

0 голосов
/ 10 февраля 2020

Используйте IconButton вместо Icon, например: 

 IconButton(
          icon: IconButton(
            icon: Icon(Icons.add_circle),
            onPressed: (){},
          ),
...