Flutter中通过循环渲染组件

class ContactsState extends State<Contacts>{List formList;initState() {super.initState();formList = [{"icon": Icon(Icons.alarm),"title": '车牌号'},{"icon": Icon(Icons.album),"title": '所有人'},{"icon": Icon(Icons.archive),"title": '号牌颜色'},];}Widget buildGrid() {List<Widget> tiles = [];//先建一个数组用于存放循环生成的widgetWidget content; //单独一个widget组件，用于返回需要生成的内容widgetfor(var item in formList) {tiles.add(new Row(children: <Widget>[new Icon(Icons.alarm),new Text(item['title']),]));}content = new Column(children: tiles //重点在这里，因为用编辑器写Column生成的children后面会跟一个<Widget>[]，//此时如果我们直接把生成的tiles放在<Widget>[]中是会报一个类型不匹配的错误，把<Widget>[]删了就可以了
        );return content;}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('循环渲染组件案例'),),body: new Center(child: buildGrid(),));}}

转载于:https://www.cnblogs.com/joe235/p/11174342.html

Flutter中通过循环渲染组件相关推荐

Flutter 中神奇的 AbsorbPointer 组件
Flutter 中神奇的 AbsorbPointer 组件
React for循环渲染组件
通常你需要在一个组件中渲染列表.或者循环遍历渲染相同的多个组件,下面看看怎么实现: render() {const options = this.state.data.map(d => < ...
flutter bloc_如何使用BLoC模式处理Flutter中的状态
flutter bloc Last year, I picked up Flutter and I must say it has been an awesome journey so far. Fl ...
不一样角度带您了解 Flutter 中的滑动列表实现 | 开发者说·DTalk
本文原作者: 恋猫de小郭,原‍文发布于: GSYTech 本篇主要帮助剖析理解 Flutter 里的列表和滑动的组成,用比较通俗易懂的方式,从常见的 ListView 到 NestedScrollV ...
在Flutter中嵌入Native组件的正确姿势
引言在漫长的从Native向Flutter过渡的混合工程时期,要想平滑地过渡,在Flutter中使用Native中较为完善的控件会是一个很好的选择.本文希望向大家介绍AndroidView的使用方式 ...
已开源！Flutter 基于分帧渲染的流畅度优化组件 Keframe
大家好,这里是承香墨影! 今天给大家推荐一个,Flutter 中利用分帧渲染优化流程度的开源库,刚开源,还热乎着.这次开源可真波折,看着 @Nayuta 前前后后在公司内部流程走了一个多月吧,太艰难了 ...
vue循环渲染子组件视图不更新问题
最近在写一个功能,使用v-for循环渲染子组件:代码如下: 当datas的数据发生改变时,按理子组件展现的数据也应该重新渲染,不过在使用的时候并没有达到这样的效果,但是将循环渲染的子组件改成html标 ...
Flutter中的多选按钮组件Checkbox
Flutter 中的多选按钮组件有两种. 1. Checkbox 多选按钮,一般用来表现一些简单的信息. 常用属性如下: 1. value 多选的值: 2. onChanged 选择改变触发的事件: ...
Flutter中PlatformView组件无法刷新的问题
在Flutter中我们经常使用PlatformView来进行原生组件的绘制,但是倘若使用setState()进行页面刷新时候,虽然页面刷新了,但是PlatformView还是使用的之前的组件.这种情况 ...

Flutter中通过循环渲染组件

Flutter中通过循环渲染组件相关推荐

最新文章

热门文章