Flutter中如何从StreamProvider获取值 后代组件访问报错如何解决

• 核心触发原因：Provider.of 方法默认参数listen = true，要求必须在Widget的build阶段调用才能监听provider值的变化。在按钮的onPressed回调中调用该方法时，已经脱离了Widget树的build上下文，所以触发异常。
• 隐藏类型问题：定义的StreamProvider数据流类型为Stream<User?>，但取值时泛型写的是不可空的User，类型不匹配也可能引发潜在的运行时异常。

方案1：回调中调用Provider.of时显式关闭监听 #

在onPressed里调用Provider.of时添加参数listen: false，非build阶段调用provider必须指定该参数，仅读取当前值不监听后续变化。
代码修改示例：

ElevatedButton(
  onPressed: () {
    final user = Provider.of<User?>(context, listen: false);
    print(user?.uid);
  },
  child: Text('add')
)

方案2：提前在build阶段取出用户值 #

在HomePage的build方法里提前把用户对象取出，回调中直接使用即可，不需要在回调里访问provider。
代码修改示例：

@override
Widget build(BuildContext context) {
  // build阶段提前取值，默认listen为true可以监听用户登录状态变化
  final user = Provider.of<User?>(context);
  return Scaffold(
    body: Container(
      child: ElevatedButton(
        onPressed: () => print(user?.uid),
        child: Text('add')
      )
    )
  );
}

import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class Auth {
  final FirebaseAuth _auth = FirebaseAuth.instance;
  Stream<User?> get user => _auth.userChanges();
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    // 显式指定Provider泛型，避免类型推断错误
    return StreamProvider<User?>.value(
      value: Auth().user,
      initialData: null,
      child: MaterialApp(
        home: InitialPage(),
      ),
    );
  }
}

class InitialPage extends StatelessWidget {
  const InitialPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final user = Provider.of<User?>(context);
    if (user == null) {
      return LoginPage();
    } else {
      return HomePage();
    }
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final user = Provider.of<User?>(context);
    return Scaffold(
      body: Container(
        child: ElevatedButton(
          onPressed: () => print(user?.uid),
          child: Text('add')
        )
      )
    );
  }
}

// 补充占位的LoginPage组件
class LoginPage extends StatelessWidget {
  const LoginPage({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return Scaffold(body: Center(child: Text('登录页')));
  }
}

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