how to make a list of icons in flutter, dart?

Question

I'm new to Android Studio and Flutter. I'm trying to make a list of icons that I can iterate into a ListView.

I receive this error: The element type 'IconData' can't be assigned to the list type 'Icon'.

For doing this:

   static const _iconTypes = <Icon>[
   Icons.cake,
   Icons.add_location_sharp,
   Icons.zoom_in_outlined,
   Icons.auto_awesome_motion,
   Icons.call_end_sharp,
   Icons.equalizer_rounded,
   Icons.wifi_lock,
   Icons.mail,
  ];

Is <icon> an incorrect datatype to use here?

Thanks

Ajay · Accepted Answer · 2021-05-06 18:53:19Z

3

It should be IconData

  static const _iconTypes = <IconData>[
    Icons.cake,
    Icons.add_location_sharp,
    Icons.zoom_in_outlined,
    Icons.auto_awesome_motion,
    Icons.call_end_sharp,
    Icons.equalizer_rounded,
    Icons.wifi_lock,
    Icons.mail,
  ];

And you can use it like

    ...
     Container(
      child: ListView(
        children: _iconTypes.map((icon) => Icon(icon)).toList(),
      ),
    )
    ...

answered May 6, 2021 at 18:53

Ajay

16.4k15 gold badges58 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shreyas Bhardwaj · Accepted Answer · 2021-05-06 19:00:29Z

2

Do this instead:

List<IconData> _iconTypes = [ 
 Icons.cake,
 Icons.add_location_sharp,
 Icons.zoom_in_outlined,
 Icons.auto_awesome_motion,
 Icons.call_end_sharp,
 Icons.equalizer_rounded,
 Icons.wifi_lock,
 Icons.mail,
];

If this still doesn't work please include your ListView also in the question.

answered May 6, 2021 at 19:00

Shreyas Bhardwaj

8113 bronze badges

Comments

Mir Fahim Rahman · Accepted Answer · 2021-05-06 19:51:09Z

0

    final  List<IconData> icons = [
    Icons.sentiment_very_dissatisfied,
    Icons.home,
    Icons.drafts,
    Icons.backspace
];

I hope You can easily use this in your widgets.

answered May 6, 2021 at 19:51

Mir Fahim Rahman

781 silver badge9 bronze badges

Collectives™ on Stack Overflow

how to make a list of icons in flutter, dart?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related