Flutter BottomNavigationBar中心图标样式

Question

是否可以在BottomNavigationBar中的中心图标上添加圆形的顶部边框？这张图片中的内容：

BottomNavigationBar Example

我目前有类似生成导航的内容：

        return BottomNavigationBar(
          type: BottomNavigationBarType.fixed,
          fixedColor: Color(0xff2398C3),
          showSelectedLabels: false,
          showUnselectedLabels: false,
          currentIndex: snapshot.data.index,
          onTap: _bottomNavBarBloc.pickItem,
          items: [
            BottomNavigationBarItem(
              title: Text('Search'),
              icon: Icon(Icons.search),
            ),
            BottomNavigationBarItem(
              title: Text('Browse'),
              icon: Icon(Icons.view_list),
            ),
            BottomNavigationBarItem(
              title: Text('Icon'),
              icon: Container(
                child: FlutterLogo(
                  size: 35.0,
                ),
              ),
            ),
            BottomNavigationBarItem(
              title: Text('Favorites'),
              icon: Icon(Icons.bookmark),
            ),
            BottomNavigationBarItem(
              title: Text('Settings'),
              icon: Icon(Icons.settings),
            ),
          ],
        );

Answer 1

您可以通过用容器包装FlutterLogo并使用其装饰属性来完成所需的工作，如下所示：

BottomNavigationBarItem(
  title: Text('Icon'),
  icon: Container(
    padding: EdgeInsets.fromLTRB(4,8,8,8),
    decoration: BoxDecoration(
      shape: BoxShape.circle,
      color: Colors.orange,
    ),
    child: FlutterLogo(
      size: 38.0,
    ),
  ),
),