Flutter：如何在Widget build()前获取SharedPreferences值并解决非空报错

你碰到的这个问题其实很典型——因为_emailSF在组件第一次执行build方法时还是null，而Text组件的源码里明确要求传入的字符串不能为null，这就触发了那个断言错误。根源在于getValuesSF是异步函数，它需要等待SharedPreferences读取完成才会通过setState更新_emailSF，但组件的build会在initState之后立刻执行，这时候变量还没被赋值。

下面给你几个实用的解决方案，你可以根据需求选择：

方案1：给变量设置初始默认值 #

最简单的处理方式就是在声明_emailSF的时候直接给它一个默认值（比如空字符串），这样第一次build时Text组件拿到的就不是null，等异步操作完成后再更新成实际值。

修改变量声明：

String _emailSF = ""; // 初始化为空字符串，替代默认的null

这样即使异步还没完成，UI也能正常渲染，等setState触发后，_emailSF会自动更新为SharedPreferences里的邮箱值。

方案2：用FutureBuilder处理异步逻辑 #

如果想要更优雅地处理加载状态（比如显示“加载中”的提示），可以用FutureBuilder来包裹需要异步数据的UI部分。这种方式能明确区分数据加载前、加载中和加载完成的状态。

首先修改getValuesSF让它返回Future：

Future<String> getValuesSF() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  return prefs.getString('email') ?? ""; // 若email为null则返回空字符串
}

然后在build方法里的Drawer部分，用FutureBuilder替换原来的createHeader调用：

drawer: Drawer(
  child: ListView(
    padding: EdgeInsets.zero,
    children: <Widget>[
      FutureBuilder<String>(
        future: getValuesSF(),
        initialData: "", // 初始显示空字符串
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            // 数据加载完成，渲染实际的头部
            return AppDrawer().createHeader(snapshot.data!);
          } else {
            // 加载过程中可以显示占位内容或加载动画
            return AppDrawer().createHeader("Loading...");
          }
        },
      ),
      // 其余Drawer列表项保持不变...
    ],
  ),
),

方案3：使用空合并操作符兜底 #

如果createHeader内部是直接把传入的参数传给Text组件，你也可以在调用的时候用空合并操作符??给一个兜底值，确保不会传入null：

AppDrawer().createHeader(_emailSF ?? ""),

这样即使_emailSF还没被赋值（处于null状态），也会给Text组件传入空字符串，避免触发断言错误。

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