Flutter使用for循环示例

最新推荐文章于 2025-04-24 10:07:56 发布

ACGuan

最新推荐文章于 2025-04-24 10:07:56 发布

阅读量6.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Flutter

本文链接：https://blog.youkuaiyun.com/csdnlinyongsheng/article/details/112370489

Flutter 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了Flutter中for循环的用法，通过实例代码展示如何在Flutter应用中使用for循环进行迭代操作，帮助开发者更好地理解和应用这一基础语法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import 'package:flutter/material.dart';

// class OnlineRepairs extends StatelessWidget{
//   @override
//   Widget build(BuildContext context) {
//     // TODO: implement build
//     return Example();
//   }
//   // @override
//   // _ExampleState createState() => _ExampleState();
// }
class OnlineRepairs extends StatefulWidget{
  _ExampleState createState() => new _ExampleState();
}
class _ExampleState extends State<OnlineRepairs> {
  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:ListView(
          children: [
            buildGrid(),
            Text("dd")
          ],
        )
        // body: new Center(
        //     child: buildGrid()
        // )
    );
  }
}