How to map a List of Objects in Flutter?

Question

I have this List of objects

const List categories = [
  {'title': 'category 1', 'value': 1000},
  {'title': 'category 2', 'value': 2000},
  {'title': 'category 3', 'value': 3000},
];

And I'm trying to map this list to render some UI in a Column widget, so I did this

Column(
  mainAxisAlignment: MainAxisAlignment.start,
  crossAxisAlignment: CrossAxisAlignment.start,
  children: categories.map((e) => Category(title: e.title, value: e.value)).toList(),
),

But it gives me this error

Gwhyyy · Accepted Answer · 2022-10-31 00:24:53Z

3

Here, I guess you came from javascript, well dart is different a little bit, the elements inside the List are called maps, with Map type, to get a value from that map you need to get it like this :

map["key"]

the keys should be String, so in your case, this will work fine :

`Column(
  mainAxisAlignment: MainAxisAlignment.start,
  crossAxisAlignment: CrossAxisAlignment.start,
  children: categories.map((e) => Category(title: e["title"], value: 
  e["value"])).toList(),
),

answered Oct 31, 2022 at 0:24

Gwhyyy

9,3843 gold badges18 silver badges60 bronze badges

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

2 Comments

anon Over a year ago

Is it that obvious? XD, But anyways it works as it should be. Thank You

Gwhyyy Over a year ago

no problem mate, selecting this as the right answer could help someone else

Collectives™ on Stack Overflow

How to map a List of Objects in Flutter?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related