使用動(dòng)態(tài)生成的List填充列表
首先在MyAPP類(lèi)里定義一個(gè)list變量，并生成構(gòu)造函數(shù)
final List<String> items;
const MyApp({Key key, @required this.items}) : super(key: key);
我使用的是android studio,構(gòu)造函數(shù)是根據(jù)提示自動(dòng)生成的坎缭。@required是自己添加的白群，表示必傳尚胞。:super如果父類(lèi)沒(méi)有無(wú)名無(wú)參數(shù)的默認(rèn)構(gòu)造函數(shù)，則子類(lèi)必須手動(dòng)調(diào)用一個(gè)父類(lèi)構(gòu)造函數(shù)帜慢。
然后在runApp()笼裳；里調(diào)用MyAPP()的地方傳入一個(gè)list集合。這里使用List的generate方法生成粱玲。
void main() => runApp(MyApp(items: List<String>.generate(100, (index) => "Item$index")));
動(dòng)態(tài)列表 ListView.builder()
使用傳入的items集合填充ListView Widget躬柬。完整代碼如下：
import 'package:flutter/material.dart';
void main() =>
runApp(MyApp(items: List<String>.generate(100, (index) => "Item$index")));
class MyApp extends StatelessWidget {
final List<String> items;
const MyApp({Key key, @required this.items}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Hello Flutter',
home: Scaffold(
appBar: AppBar(
title: Text("ListView Widget"),
backgroundColor: Colors.indigoAccent,
//標(biāo)題居中
centerTitle: true,
),
body: ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
return ListTile(
title: Text("${items[index]}"),
);
}),
));
}
}
效果如圖：
list.jpg
