import 'package:flutter/material.dart';
class Example extends StatefulWidget {
@override
_ExampleState createState() => _ExampleState();
}
class _ExampleState extends State<ExamplePage> {
List formList;
initState() {
super.initState();
formList = [
{"title": '车牌号'},
{"title": '所有人'},
{"title": '号牌颜色'},
];
}
Widget buildGrid() {
List<Widget> tiles = [];//先建一个数组用于存放循环生成的widget
Widget content; //单独一个widget组件,用于返回需要生成的内容widget
for(var item in formList) {
tiles.add(
new Row(
children: <Widget>[
new Text(item['title'])
]
)
);
}
content = new Column(
children: tiles //重点在这里,因为用编辑器写Column生成的children后面会跟一个<Widget>[],
//此时如果我们直接把生成的tiles放在<Widget>[]中是会报一个类型不匹配的错误,把<Widget>[]删了就可以了
);
return content;
}
Widget ExampleWidget = buildGrid();
@override
Widget build(BuildContext context) {
return Scaffold(
key: scaffoldKey,
appBar: AppBar(
title: Text('循环渲染组件案例'),
),
body: new Center(
child: ExampleWidget
)
);
}
}
flutter 中循环渲染组件
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 之前介绍过在原生工程内嵌入Flutter,以页面形式或者View的形式嵌入都是可以的,最近看Flutter源码发现...
- v-for循环中的question组件,通过props传给子组件值时,子组件接受不到值。<!DOCTYPE htm...
- 情景,前端表格中的功能按钮是由后台返回的。 这样以来,需要在render的h函数中循环出来这几个按钮。 错误写法:...
- 1、基本标签结构 <el-upload name="picture" :action="'/api/image/u...