Flutter中SharedPreferences返回Null引发类型转换错误求助

你的核心问题出在异步操作执行顺序混乱和SharedPreferences读取未处理null值：

• initState中并行调用checkIfUserHasData()和getBoolValuesSF()，但二者都是异步方法，执行顺序不可控。大概率是getBoolValuesSF()先执行，此时SharedPreferences（以下简称SP）还没被Firebase的新数据更新，读取到null后强制转为bool，抛出type 'Null' is not a subtype of type 'bool'错误。
• 首次刷新时SP存储的还是旧值，因此显示旧背景图；第二次刷新时，上一次Firebase的数据已写入SP，能读取到新值，但异步顺序问题仍存在，还是会触发null报错。
• CachedNetworkImage依赖genderType，当genderType为null时，组件渲染逻辑崩溃，这就是移除该组件后报错消失的原因。

1. 调整异步执行顺序，保证先写SP再读SP #

不要在initState中并行调用两个异步方法，改为串行执行：先从Firebase获取数据并写入SP，再读取SP更新UI。修改initState逻辑：

@override
void initState() {
  super.initState();
  _initUserData();
}

void _initUserData() async {
  // 先完成Firebase数据获取与SP写入
  await checkIfUserHasData();
  // 再读取SP更新UI状态
  await getBoolValuesSF();
}

2. 处理SP读取的null值 #

读取bool时必须设置默认值，避免返回null：

Future<void> getBoolValuesSF() async {
  final prefs = await SharedPreferences.getInstance();
  // 给读取结果设置默认值，避免null
  bool fetchedGenderType = prefs.getBool('genderIsMale') ?? false;
  setState(() {
    genderType = fetchedGenderType;
  });
}

3. 给genderType设置初始值 #

在类中提前初始化genderType，避免组件初始渲染时为null：

// 根据业务需求设置默认值，比如默认女性设为false
bool genderType = false;

4. 确保CachedNetworkImage的URL有效性 #

根据genderType生成背景图URL时，要保证两种分支都返回有效地址，避免传入null：

CachedNetworkImage(
  imageUrl: genderType ? '男性背景图地址' : '女性背景图地址',
  // 其他配置项...
)

调整后即可保证异步操作顺序，避免null值报错，同时首次刷新就能获取到Firebase的最新数据并更新UI。

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