美文网首页
flutter 动态列表的使用

flutter 动态列表的使用

作者: 前端新阳 | 来源:发表于2020-05-15 14:56 被阅读0次
  • main.dart 代码:
import 'package:flutter/material.dart';

void main() => runApp(MyApp(
  items: new List<String>.generate(100, (i)=>"Item1 $i")     
  //  List(1000): 1000条数据    List<String>(): 数组内容必须是 String 类型
));

class MyApp extends StatelessWidget {
  // 接收参数
  final List<String> items;
  MyApp({Key key,@required this.items}):super(key:key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Link World!',
        home: Scaffold(
            appBar: new AppBar(title: new Text('ListView'),),
            body: new ListView.builder(
              itemCount: items.length,
              itemBuilder: (context,index){
                return new ListTile(
                  title: new Text('${items[index]} abc'),
                );
              },
            )
        )
    );
  }
}

【注】:有时候会有缓存问题,需要关闭虚拟机中的软件,重新运行程序
【动态列表】效果展示:

image.png

相关文章

网友评论

      本文标题:flutter 动态列表的使用

      本文链接:https://www.haomeiwen.com/subject/eedcohtx.html