Flutter如何通过统一构造器向多页面传递Firestore用户数据？

你可以通过以下两种方式访问传递到UserPage的userDetails数据：

1. 直接在build方法中访问 #

在_UserPageState的build方法里，直接通过widget.userDetails来访问父组件传递的参数，示例如下：

class _UserPageState extends State<UserPage> {
  @override
  Widget build(BuildContext context) {
    // 直接通过widget.userDetails获取数据
    final userName = widget.userDetails['name'];
    final userEmail = widget.userDetails['email'];

    return Scaffold(
      appBar: AppBar(title: const Text("用户详情")),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text("用户名: $userName"),
            const SizedBox(height: 8),
            Text("邮箱: $userEmail"),
            // 其他需要展示的用户信息
          ],
        ),
      ),
    );
  }
}

2. 将数据存入State变量（如需修改或缓存） #

如果需要对数据进行修改、缓存或者在其他生命周期方法中使用，可以在initState中将widget.userDetails赋值给State类的变量：

class _UserPageState extends State<UserPage> {
  late Map<String, dynamic> _userDetails;

  @override
  void initState() {
    super.initState();
    // 将传递的数据存入State变量
    _userDetails = widget.userDetails;
  }

  @override
  Widget build(BuildContext context) {
    final userName = _userDetails['name'];
    return Scaffold(
      body: Center(child: Text("用户名: $userName")),
    );
  }
}

补充说明 #

widget是State类的内置属性，指向对应的StatefulWidget实例，可直接通过它访问组件的所有final属性。如果userDetails数据不可变，第一种直接访问的方式就足够；如果需要修改数据并触发UI更新，记得调用setState来更新State变量。

内容的提问来源于stack exchange，提问作者EBENEZER OCANSEY