Flutter中SharedPreferences数据读取异常：sharedPreferenceEmail为null

这个问题其实很常见——你的异步方法getDataPreference()虽然在initState里调用了，但组件第一次build的时候，异步操作还没完成，这时候sharedPreferenceEmail还是你声明时的默认值null，而Text组件不允许接收null作为参数，所以就触发了报错。

下面给你几个可行的解决方案：

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

直接在声明sharedPreferenceEmail的时候就赋予默认值，这样即使异步还没完成，组件也能拿到合法的字符串：

// 直接给初始值，替代原来的null
String sharedPreferenceEmail = "Sign in with Google";

这样修改后，第一次build会显示默认文本，等异步读取完成后，setState会更新成存储的邮箱地址，完美避免null问题。

方案2：在Text组件中做null兜底判断 #

如果不想修改变量初始值，可以在Text里用??运算符做null检查，当值为null时显示默认文本：

UserAccountsDrawerHeader(
  decoration: BoxDecoration(color: Colors.blueGrey[900]),
  accountName: Text(sharedPreferenceEmail ?? "Sign in with Google"),
)

这个方法更灵活，不需要改动变量声明，直接在UI层处理边界情况。

方案3：用FutureBuilder等待异步操作完成 #

如果想更优雅地处理异步状态（比如显示加载中状态），可以用FutureBuilder包裹你的DrawerHeader，等待SharedPreferences读取完成后再渲染：

// 先把getDataPreference改成返回Future的方法
Future<String> getDataPreference() async {
  final sharedPreferences = await SharedPreferences.getInstance();
  return sharedPreferences.getString("email") ?? "Sign in with Google";
}

// 然后在build里用FutureBuilder
@override
Widget build(BuildContext context) {
  return Drawer(
    child: ListView(
      children: [
        FutureBuilder<String>(
          future: getDataPreference(),
          initialData: "Sign in with Google", // 初始显示的文本
          builder: (context, snapshot) {
            return UserAccountsDrawerHeader(
              decoration: BoxDecoration(color: Colors.blueGrey[900]),
              accountName: Text(snapshot.data!),
            );
          },
        ),
        // 其他Drawer项...
      ],
    ),
  );
}

这种方法可以更好地控制异步过程中的UI状态，比如还可以在snapshot.connectionState == ConnectionState.waiting时显示一个加载指示器。

另外提个小优化：你原来的代码里value变量其实是多余的，可以直接简化成：

sharedPreferenceEmail = sharedPreferences.getString("email") ?? "Sign in with Google";

这样代码更简洁，不用写if-else判断。

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