如何在Flutter的BottomNavigationBar中显示图片？

Question

我需要像这样在导航栏中显示一张图片。

但我不能，因为NavigationBarItem类需要一个图标，所以当我使用ImageIcon小部件时，我失去了颜色。图片中有多种颜色。

如何在里面显示图片或者如何制作一个彩色的图标？

而且当我使用

BottomNavigationBarItem(
                icon: ImageIcon(
                  NetworkImage('https://picsum.photos/250?image=9'),
                ),
                title: Text('Image'),
              ),

宛如彩色长方形

Answer 1

ImageIcon(
 AssetImage("images/icon_more.png"),
 color: Color(0xFF3A5A98),
 ),

而不是

new BottomNavigationBarItem(
           icon: Icon(Icons.home),
           title: Text('Home'),
         ),

改为

      BottomNavigationBarItem(
           icon: ImageIcon(
               AssetImage("images/icon_more.png"),
                    color: Color(0xFF3A5A98),
               ),
           title: Text('Home'),
         ),

Answer 2

正如@asbah-riyas所提到的，可以通过提供 ImageIcon 小部件到 icon 的论点 BottomNavigationBarItem. 虽然你不需要指定 color 其中

你可以检查或玩它在 这里是codepen。

Answer 3

NavigationBarItem的图片属性需要一个Widget，而不是Icon，所以我可以直接使用这个。BottomNavigationBarItem(icon: Image.asset('images/symbol.png')),