Flutter : The argument type 'Image' can't be assigned to the parameter type 'IconData'

Question

I want to use my image from assets as an icon, and then I build my lists, but there are some errors that occurred when trying to add Image.asset as a class to the icon as a variable with IconData as data type, instead of using Icons as a class.

Any idea to fix this problem?

Thank you.

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

  final IconData icon;
  final String title;
}

const List<Menu> menus = const <Menu>[
  const Menu(title: 'menu_icon_1', icon: Image.asset('assets/menu/1-1.png')),
],

error: The argument type 'Image' can't be assigned to the parameter type 'IconData'. (argument_type_not_assignable at [sinergi] lib\home.dart:12)

chunhunghan · Accepted Answer · 2019-09-23T02:14:37.483

8

please use ImageIcon

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/1-1.png'))),
];

edited Sep 23 '19 at 02:14

answered Sep 23 '19 at 02:00

chunhunghan

51,087
5
102
120

The argument type 'ImageIcon' can't be assigned to the parameter type 'Icon?'. – Mahmoud Samy Jul 20 '23 at 18:57
SideMenuItem( priority: 0, title: 'Dashboard', onTap: (index, _) { sideMenu.changePage(index); }, icon: ImageIcon(AssetImage('assets/menu/1-1.png')), badgeContent: const Text( '3', style: TextStyle(color: Colors.white), ), ), – Mahmoud Samy Jul 20 '23 at 18:57
what should i do? – Mahmoud Samy Jul 20 '23 at 18:58

score -2 · Answer 2 · answered Nov 02 '20 at 08:50

if you want default icon

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

    final IconData icon;
    final String title;
}

const List<Menu> menus = const <Menu>[
    const Menu(title: 'Trending', icon: Icons.trending_up),
    const Menu(title: 'Favorite', icon: Icons.favorite),
    const Menu(title: 'Search', icon: Icons.search),
    const Menu(title: 'Category', icon: Icons.category),
    const Menu(title: 'Settings', icon: Icons.settings),
];

Flutter : The argument type 'Image' can't be assigned to the parameter type 'IconData'

2 Answers2