flutter用数组写一个好友列表
时间: 2024-05-02 15:17:25 浏览: 113
Flutter List数组避免插入重复数据的实现
好的,以下是一个简单的示例代码,演示如何使用数组构建一个好友列表:
```dart
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: '好友列表',
home: Scaffold(
appBar: AppBar(
title: Text('好友列表'),
),
body: FriendList(),
),
);
}
}
class FriendList extends StatelessWidget {
final List<String> friends = [
'小明',
'小红',
'小刚',
'小李',
'小张',
];
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: friends.length,
itemBuilder: (context, index) {
return ListTile(
leading: CircleAvatar(
child: Text(friends[index][0]),
),
title: Text(friends[index]),
);
},
);
}
}
```
在这个示例中,我们创建了一个名为 `FriendList` 的 `StatelessWidget`,它包含了一个名为 `friends` 的字符串数组,其中存储了我们的好友列表。然后,我们使用 `ListView.builder` 构建了一个列表,其中的每个元素都是一个 `ListTile`,包含了一个圆形头像和好友的名字。在 `ListTile` 中,我们使用了 `CircleAvatar` 来展示好友的头像,头像中显示了好友名字的首字母。
当我们运行这个应用程序时,我们将会看到一个好友列表,其中包含了我们定义的五个好友的名字和头像。
阅读全文