Flutter如何将UserInfoScreen的Google认证User数据传递到HomeView页面

1. 构造函数传参（适用于直接跳转的场景） #

如果是从UserInfoScreen直接跳转打开HomeView，可直接通过构造函数传递User对象，实现成本最低：
首先修改HomeView代码，添加构造参数接收User：

class HomeView extends StatefulWidget {
  const HomeView({Key? key, required this.user}) : super(key: key);

  final User user;

  @override
  _HomeViewState createState() => _HomeViewState();
}

class _HomeViewState extends State<HomeView> {
  // 页面内直接通过widget.user读取用户数据即可
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text('当前用户名：${widget.user.displayName}'),
    );
  }
}

之后在UserInfoScreen的跳转逻辑中传入user对象：

// _UserInfoScreenState内部的跳转代码
Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => HomeView(user: _user),
  ),
);

注意：该方案仅适合两个页面有直接跳转关系的场景，无直接跳转的跨层级页面共享推荐使用全局状态管理方案

2. 全局状态管理（适用于多页面跨层级共享场景） #

如果User数据需要在多个无直接关联的页面访问，推荐用Provider这类轻量状态管理实现全局共享：

步骤1：添加provider依赖到pubspec.yaml #

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.5

步骤2：创建用户状态管理类 #

import 'package:flutter/foundation.dart';

class UserProvider extends ChangeNotifier {
  User? _currentUser;
  User? get currentUser => _currentUser;

  // 保存用户数据
  void updateUser(User user) {
    _currentUser = user;
    notifyListeners();
  }

  // 退出登录清空数据
  void clearUser() {
    _currentUser = null;
    notifyListeners();
  }
}

步骤3：在应用顶层注册Provider #

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => UserProvider(),
      child: const MyApp(),
    ),
  );
}

步骤4：在UserInfoScreen中把用户数据存入全局状态 #

// _UserInfoScreenState中初始化时存入数据
@override
void initState() {
  super.initState();
  _user = widget._user;
  // 写入全局状态，listen设为false不需要监听刷新
  Provider.of<UserProvider>(context, listen: false).updateUser(_user);
}

步骤5：在HomeView中直接读取用户数据 #

class _HomeViewState extends State<HomeView> {
  @override
  Widget build(BuildContext context) {
    // 读取全局用户数据
    final currentUser = Provider.of<UserProvider>(context).currentUser;
    if (currentUser == null) {
      return const Text('未获取到用户信息');
    }
    return Center(
      child: Text('用户邮箱：${currentUser.email}'),
    );
  }
}

该方案支持全局任意位置读写用户数据，还能自动响应数据变化刷新UI，是中大型项目的通用实现方式。

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