选项1当然有效
children: <Widget>[
MyContainer('1', 75.0, 75.0, 0.0),
MyContainer('2', 75.0, 75.0, 0.0),
MyContainer('3', 75.0, 75.0, 0.0),
MyContainer('4', 75.0, 75.0, 0.0),
MyContainer('5', 75.0, 75.0, 0.0),
],
2 选项工作
children: f1(),
List f1() {
var ara = List<Widget>();
for(int i=0; i<5;) {
i++;
ara.add(MyContainer(i.toString(), 75.0, 75.0, 0.0));
}
return ara;
}
当然,选项 3不起作用。如何在选项 3 中插入代码,是否可能?谢谢你。
children:
for(int i=0; i<5;) {
i++;
MyContainer(i.toString(), 75.0, 75.0, 0.0);
},
完整的代码示例
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Name App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
//title: Text('Name Page'),
),
body: MyHomePage(),
),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
height: null,
color: Colors.amber,
child: Wrap(
direction: Axis.horizontal,
spacing: 10.0,
runSpacing: 10.0,
//1 ВАРИАНТ
/*children: <Widget>[
MyContainer('1', 75.0, 75.0, 0.0),
MyContainer('2', 75.0, 75.0, 0.0),
MyContainer('3', 75.0, 75.0, 0.0),
MyContainer('4', 75.0, 75.0, 0.0),
MyContainer('5', 75.0, 75.0, 0.0),
],*/
children: f1(), //2 ВАРИАНТ
//3 ВАРИАНТ не работает
/*children:
for(int i=0; i<5;) {
i++;
ara.add(MyContainer(i.toString(), 75.0, 75.0, 0.0));
},*/
),
);
}
}
class MyContainer extends StatelessWidget {
final String _str;
final double _width;
final double _height;
final double _margin;
MyContainer(this._str, this._width, this._height, this._margin);
@override
Widget build(BuildContext context) {
return Container(
width: _width,
height: _height,
margin: EdgeInsets.all(_margin),
color: Colors.pink,
alignment: Alignment.center,
child: Text(
_str,
style: TextStyle(
color: Colors.white,
fontSize: 22.0,
),
),
);
}
}
List f1() {
var ara = List<Widget>();
for(int i=0; i<5;) {
i++;
ara.add(MyContainer(i.toString(), 75.0, 75.0, 0.0));
}
return ara;
}
选项 3 不可行,因为它
children
只能接受List<Widget>
,而您正试图推动一个循环。选项 2 比 1 更可取,因为作为程序员,您必须自动化琐碎的任务。
并且该方法
f1()
应该永远在类中MyHomePage
。循环最好像这样完成:
尽量不要使用
var
,因为以后很难确定这个变量是什么(一个常见的新手错误)。