Flutter 从颤振中的For循环创建列表

我有一个关于如何将For循环的结果返回到flatter中的小部件列表的问题

执行循环的代码如下所示：

在这个代码示例中，我想从for循环的结果生成一个列表。显示器应显示：

• 第一
• 二号
• 三号
• 4号
• 五号

但你只能看到“数字1”

代码示例：

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));
    }
  }
}

导入“包装：颤振/材料.省道”；
最终颜色深蓝色=颜色。来自argb（255、255、32、47）；
void main（）{
runApp（MyApp（））；
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
主题：ThemeData.dark（）.copyWith（脚手架背景颜色：深蓝色），
debugShowCheckedModeBanner:false，
家：脚手架(
appBar:appBar(
标题：文本（“列表编号”）
),
正文：中(
子项：MyWidget（），
),
),
);
}
}
类MyWidget扩展了无状态Widget{
@凌驾
小部件构建（构建上下文）{
返回listNumbers（）；
}
小部件列表编号（）{
对于（int i=0；i<5；i++）{
返回文本（'Number${i+1}'，样式：TextStyle（fontSize:25））；
}
}
}

您可以尝试使用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);
}

Widget列表编号（）{
列表numList=[]；
对于（int i=0；i<5；i++）{
add（Text（'Number${i+1}'，style:TextStyle（fontSize:25））；
}
返回列表视图（子项：numList）；
}

您可以尝试使用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);
}

Widget列表编号（）{
列表numList=[]；
对于（int i=0；i<5；i++）{
add（Text（'Number${i+1}'，style:TextStyle（fontSize:25））；
}
返回列表视图（子项：numList）；
}

请在问题中发布您的代码，而不是作为链接图像。请在问题中发布您的代码，而不是作为链接图像。我非常感谢您，您提出的代码对我有效。敬请！我非常感谢您，您提出的代码对我有效。敬请！