for loop inside widget in flutter

Question

How do I use a loop inside a widget?

I want to be able to:

RichText(
 text: TextSpan(
 text: 'Itemlist\n',
 children: <TextSpan>[

     
   for(i = 0; i< items.length; i++){

     TextSpan( text: 'item' +i +': ',),
     TextSpan( text: 'item[i].value' +i +'\n',),


     }
 
  ]
)

it is importaint that i could have several lines of code inside the loop.

You just need to put your for loop (put ANY code) inside of a function or method. In your case, I'd create a function that returns an array of <TextSpan>[] widgets. — paulsm4
– paulsm4, Commented Mar 18, 2022 at 16:31
Try to understand the pain of a beginner. Please try to Share the solution — ash
– ash, Commented Mar 18, 2022 at 16:33

saw · Accepted Answer · 2022-03-18 16:45:20Z

5

You can achieve by spread operator which unfold the Iterable<Widget> as follows:

RichText(
  text: TextSpan(
    text: 'Items\n',
    children: <TextSpan>[
      for(var i = 0; i< items.length; i++)
        ...[
          TextSpan( text: 'Item ${i.toString()}: '),
          TextSpan( text: '${items[i]} \n',),
        ],
    ],
  ),
)

You can check it out in DartPad also.

answered Mar 18, 2022 at 16:45

saw

3782 gold badges7 silver badges15 bronze badges

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

1 Comment

QuantumTiger Dec 11, 2024 at 23:02

How is this answer so underrated! Lifesaver...

Collectives™ on Stack Overflow

for loop inside widget in flutter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related