无法更改资产图像颜色

Question

我正在开发一个flutter web，我在移动web上检查了图标图像的颜色很奇怪。

IconButton(
onPressed: () {},
icon: ImageIcon(
AssetImage('assets/images/heart_selected.png'),
color: Colors.redAccent,
),
),

我打印的心形图标如下，图标的颜色应该是代码中设置的"redAccent">
当我上网查看时，它打印得很好。然而，当在移动网络上查看时，它仅以黑色输出，而不是以设置的颜色输出。(其他颜色也是如此。(也许图标图像的颜色根本没有改变。

flutter图标小部件没有问题。我可以知道原因吗？

谢谢。

Answer 1

尝试使用Image.asset而不是图像图标。形象资产也有一个颜色键可用于定制

Answer 2

将ImageIcon替换为Image.asset。

Image.asset("assets/icons/Location.png",
height: 16,
color: Colors.white),

Answer 3

我原来的图标有不同的颜色(红色(。_selectedIndex是用于跟踪当前所选项目索引的状态变量。

const PRIMARY = Color(0xFFB9436E);
const INACTIVE_GREY = Color(0xFF888888);
------------------------------------------
BottomNavigationBarItem(
icon: Image.asset(
AssetConstants.homeIcon,
width: 30,
height: 30,
color: _selectedIndex == 0 ? PRIMARY : INACTIVE_GREY,
),
label: 'Home',
)