如何在Flutter中使用图像资源作为Icon?

use*_*345 3 flutter

我想在 flutter 库中的big_button_example.dart文件AnimatedIconItem中使用图像资源。您可以在pub.dev上找到该库。用于图标。原始代码是:animated_icon_buttonSimpleIcons

AnimatedIconItem(
   icon: Icon(SimpleIcons.nasa, color: color),
   backgroundColor: Colors.white,
),
Run Code Online (Sandbox Code Playgroud)

我想使用图像资源作为图标变量。我尝试过这些:

icon: ImageIcon(
   AssetImage("images/icon.png"),
   color: Color(0xFF3A5A98),
),
Run Code Online (Sandbox Code Playgroud)
icon: Image.asset('assets/icon.png'),
Run Code Online (Sandbox Code Playgroud)
icon: IconButton(
   icon: Image.asset('assets/icon.png'),
),
Run Code Online (Sandbox Code Playgroud)

但我总是遇到类似的错误The argument type 'ImageIcon' can't be assigned to the parameter type 'Icon'。如何使用图标图像?

小智 5

Try this:

    class Menu {
        const Menu({this.icon, this.title});
        final ImageIcon icon;
        final String title;
    } 

    const List<Menu> menus = const <Menu>[  
    const Menu(
            title: 'menu_icon_1',
            icon:ImageIcon(
            AssetImage('assets/menu/11.png')
            ),
          ),
       ];
Run Code Online (Sandbox Code Playgroud)