1.pubspec.yaml文件里添加 english_words: ^3.1.5依賴
image.png
2.main.dart文件里添加ListView
IDE敲
stful，出現(xiàn)創(chuàng)建模板，給class取名字
image.png
在build方法的return 方法里創(chuàng)建ListView
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
home: RandomWords(),
);
}
}
class RandomWords extends StatefulWidget {
@override
_RandomWordsState createState() => _RandomWordsState();
}
class _RandomWordsState extends State<RandomWords> {
final _suggestions = <WordPair>[];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('ListView'),
),
body: _buildSuggestions(),
);
}
Widget _buildSuggestions() {
return ListView.builder( //創(chuàng)建ListView
padding: EdgeInsets.all(16),
itemBuilder: (contentx, i) {
if (i.isOdd) return Divider(); // 間隔線
final index = i ~/ 2;
if (index >= _suggestions.length) {// 獲取新的20個(gè)數(shù)據(jù)
_suggestions.addAll(generateWordPairs().take(20));
}
return _buildRow(_suggestions[index]);
});
}
// iOS里的每個(gè)cell
Widget _buildRow(WordPair pair) {
return ListTile(
title: Text(
pair.asPascalCase,
),
trailing: Icon(
Icons.favorite_border,
),
onTap: () {
print('tap ListView Row');
},
);
}
}
詳情請(qǐng)見(jiàn)demo
