在Flutter中,可以通过构造函数或者使用路由传递参数给ListView。下面是两种常见的方法:
class User {
final String name;
final int age;
User(this.name, this.age);
}
class UserItemWidget extends StatelessWidget {
final User user;
UserItemWidget(this.user);
@override
Widget build(BuildContext context) {
return ListTile(
title: Text(user.name),
subtitle: Text('Age: ${user.age}'),
);
}
}
class MyListView extends StatelessWidget {
final List<User> users;
MyListView(this.users);
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: users.length,
itemBuilder: (context, index) {
return UserItemWidget(users[index]);
},
);
}
}
使用示例:
List<User> users = [
User('John', 25),
User('Alice', 30),
User('Bob', 28),
];
Widget build(BuildContext context) {
return MyListView(users);
}
首先,在定义路由的地方,需要指定路由名称和对应的页面组件:
routes: {
'/listViewPage': (context) => MyListViewPage(),
},
然后,在触发导航的地方,使用Navigator.pushNamed方法传递参数:
Navigator.pushNamed(
context,
'/listViewPage',
arguments: users,
);
最后,在目标页面中获取参数并使用:
class MyListViewPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
final List<User> users = ModalRoute.of(context).settings.arguments;
return Scaffold(
appBar: AppBar(
title: Text('User List'),
),
body: ListView.builder(
itemCount: users.length,
itemBuilder: (context, index) {
return UserItemWidget(users[index]);
},
),
);
}
}
这样,你就可以在ListView中成功传递参数了。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云