flutter怎么用ListView动态渲染列表
时间: 2024-05-13 22:15:56 浏览: 161
Flutter ListView列表组件、动态列表
在Flutter中,ListView是一种常用的用于展示列表的组件,可以通过动态渲染来实现列表的展示。
以下是一个简单的例子,用于展示如何使用ListView动态渲染列表:
```dart
class MyListPage extends StatelessWidget {
final List<String> items = [
'Item 1',
'Item 2',
'Item 3',
'Item 4',
'Item 5',
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('My List'),
),
body: ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(items[index]),
);
},
),
);
}
}
```
在这个例子中,我们创建了一个包含五个字符串的列表,然后使用ListView.builder动态渲染这个列表。itemCount属性指定了列表的长度,itemBuilder属性指定了如何渲染每一个列表项。在这里,我们使用ListTile来展示列表项的内容。
当我们运行这个例子时,会看到一个包含五个列表项的列表。如果我们想要在列表中添加或移除某些项,只需要修改items列表即可,ListView会自动更新并重新渲染列表。
阅读全文