如何在 CurvedNavigationBar 图标中填充图像？

Question

我正在使用 curved_navigation_bar。我用了Image.asset到CurvedNavigationbar的图标。图标中几乎没有间隙。现在如何填充 CurvedNavigationBar 图标中的图像。

这是我正在使用的代码：

bottomNavigationBar: CurvedNavigationBar(
          backgroundColor: Color(0x00ffffff),
          color: navigationBarColor,
          animationCurve: Curves.easeIn,
          index: _currentIndex,
          items: [
            Icon(Icons.shopping_cart, color: navitionBarIconColor),
            Icon(Icons.notifications, color: navitionBarIconColor),
            _currentIndex != 2
                ? Icon(Icons.home, color: navitionBarIconColor)
                : ClipRRect(
                    borderRadius: BorderRadius.circular(HomeIconSize / 2),
                    child: Image.asset(
                      'images/moharajIcon/logo1.png',
                      fit: BoxFit.fill,
                      width: HomeIconSize,
                      height: HomeIconSize,
                      // color: Colors.white,
                    ),
                  ),
            Icon(Icons.list_alt, color: navitionBarIconColor),
            Icon(Icons.person, color: navitionBarIconColor),
          ],
          onTap: (index) {
            setState(() {
              _currentIndex = index;
            });
          },
        ),

Answer 1

此填充是 hard-coded CurvedNavigationBar's source code, line 123:

您可以设置填充 0 或删除填充小部件 on source-code。

否则，您可以使用 buttonBackgroundColor:

做个小把戏

bottomNavigationBar: CurvedNavigationBar(
  buttonBackgroundColor: Colors.transparent,

如何在 CurvedNavigationBar 图标中填充图像？

How can I fill the image in CurvedNavigationBar icon?

flutter

flutter-layout

icons