Displaying array with index in Dart Flutter

Question

Padding(
  padding: const EdgeInsets.all(8.0),
  child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           mainAxisAlignment: MainAxisAlignment.center,
           children: <Widget>[
             for (var i = 0;i < snapshot.data[0]["meanings"][index]["definitions"].length;i++)
               for (var item in snapshot.data[0]["meanings"][index]["definitions"])
                 Text(
                   (i + 1).toString() + ". " + item["definition"],
                   textAlign: TextAlign.left,
                 )
           ],
         ),
       )

This is the result the code gives:

I would like something like:

A party...
A hairdo
Something that.... ...

List should end at 7 which is the length of the array

Wiktor · Accepted Answer · 2022-07-31 23:13:11Z

1

In order to get rid of unnecessary repetition you just simply have to get rid of your nested for loop, which is totally redundant here. Access your item with loop index - snapshot.data[0]["meanings"][index]["definitions"][i]["definition"]

Padding(
  padding: const EdgeInsets.all(8.0),
  child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           mainAxisAlignment: MainAxisAlignment.center,
           children: <Widget>[
             for (var i = 0;i < snapshot.data[0]["meanings"][index]["definitions"].length;i++)
                 Text(
                   (i + 1).toString() + ". " + snapshot.data[0]["meanings"][index]["definitions"][i]["definition"],
                   textAlign: TextAlign.left,
                 )
           ],
         ),
       )

answered Jul 31, 2022 at 23:13

Wiktor

7851 gold badge5 silver badges24 bronze badges

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

2 Comments

sickleox2 Over a year ago

Why no curly braces after for loop?

Wiktor Over a year ago

Curly braces are not used inside the build method, instead of that you just simply use indentation.

Collectives™ on Stack Overflow

Displaying array with index in Dart 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