flutter中通過循環渲染組件

直接貼代碼：

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