Create a list from a For loop in flutter

Question

I have a question about how to return the results of a For loop to a list of widgets in Flutter.

My code where the cycle is executed is the following:

In this code example, I want to generate a list from the results of the for loop. The display should show:

Number 1
Number 2
Number 3
Number 4
Number 5

But you can only see the "Numer 1"

Code example:

import 'package:flutter/material.dart';
final Color darkBlue = Color.fromARGB(255, 255, 32, 47);
void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text("List Numbers")
        ),
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return listNumbers();
  }
  
  Widget listNumbers(){
    for (int i = 0; i < 5; i++) {
      return Text('Number ${i + 1}', style: TextStyle(fontSize: 25));
    }
  }
}

Please post your code within the question instead of as a linked image. — Christopher Moore
– Christopher Moore, Commented Jul 4, 2020 at 17:28

Nithesh K · Accepted Answer · 2020-07-04 17:43:44Z

2

You can try using ListView.

Widget listNumbers(){
  List<Text> numList= [];
  for (int i = 0; i < 5; i++) {
    numList.add(Text('Number ${i + 1}', style: TextStyle(fontSize: 25));
  }
  return ListView(children: numList);
}

edited Jul 4, 2020 at 17:43

answered Jul 4, 2020 at 17:37

Nithesh K

324 bronze badges

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

1 Comment

Miguel Lop Over a year ago

I thank you very much, your proposed code has worked for me. Regards!

Collectives™ on Stack Overflow

Create a list from a For loop 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