flutter用数组写一个好友列表
时间: 2024-05-04 17:20:33 浏览: 132
Flutter List数组避免插入重复数据的实现
好的,以下是一个使用数组构建好友列表的Flutter代码示例:
```
import 'package:flutter/material.dart';
class FriendList extends StatelessWidget {
// 好友列表数据数组
final List<String> friends = [
'张三',
'李四',
'王五',
'赵六',
'钱七',
'孙八',
'周九',
'吴十',
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('好友列表'),
),
body: ListView.builder( // 使用ListView.builder构建列表
itemCount: friends.length, // 列表项数量为好友数据数组的长度
itemBuilder: (context, index) {
return ListTile(
leading: CircleAvatar( // 列表项左侧头像
child: Text(friends[index][0]),
),
title: Text(friends[index]), // 列表项标题为好友名称
subtitle: Text('在线'), // 列表项副标题为在线状态
trailing: Icon(Icons.arrow_forward_ios), // 列表项右侧箭头
onTap: () {
// 点击列表项事件
print('点击了好友${friends[index]}');
},
);
},
),
);
}
}
```
在上面的示例代码中,我们定义了一个名为`FriendList`的`StatelessWidget`,其中包含了一个好友列表数据数组`friends`,列表数据包含了8个好友的名称。接着,在`build`方法中使用了`ListView.builder`构建了一个列表视图,并将好友数据数组的长度作为列表项数量,使用`itemBuilder`回调函数构建每个列表项。在每个列表项中,我们使用了`ListTile`组件,其中包含了好友的头像、名称、在线状态、箭头等组件。最后,我们在每个列表项中设置了`onTap`事件,当用户点击某个列表项时,会打印出该好友的名称。
希望这个示例代码可以帮助你构建好友列表。
阅读全文