Flutter学习-动态列表

//引入库
import 'package:flutter/material.dart';

//主函数
void main() =>
    runApp(MyApp(items: List<String>.generate(20, (i) => "Item $i"))); //传参

//类，继承无状态组件
class MyApp extends StatelessWidget {
  final List<String> items;
  MyApp({Key key, @required this.items}) : super(key: key); //接收参数
  //重写函数
  @override
  //返回值为Widget类型
  Widget build(BuildContext context) {
    //对应函数类型返回值
    return MaterialApp(
      //dart结构，title和home
      title: 'flutter study',
      //home，故用脚手架
      home: Scaffold(
          //顶上一个appBar
          appBar: AppBar(
            title: Text('ListView Widget'),
          ),
          //中间是身体
          body: ListView.builder(
              itemCount: items.length, //列表长度
              itemBuilder: (context, index) {
                return ListTile(title: Text('${items[index]}'));
              })),
    );
  }
}

运行效果：