flutter - 我可以在Flutter Bottom导航栏中的图标周围添加间距吗？

Question

我在Flutter中有一个底部导航栏，并计划在这些项目上使用“Font Awesome ”图标。但是，与实质图标相比，字体超赞图标周围没有任何间距。这使他们可以触摸“底部导航栏”项标题。有什么办法可以在这些之间增加空间吗？

底部导航条码:

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;
                  });
                },
              ),

Answer 1

您可以尝试在使用Font Font Awesome 的Icon周围添加一个Padding小部件(https://api.flutter.dev/flutter/widgets/Padding-class.html)。