Flutter三元运算中使用AppLocalizations.of(context)!报空值检查错误

你遇到的「Null check operator used on a null value」错误，本质是AppLocalizations.of(context)返回了null，却用!强制解包导致的。之所以在三元运算符里触发，大概率是两次调用of(context)时，上下文状态变化或本地化实例未初始化完成。

以下是具体解决方法：

1. 提前获取本地化实例，避免重复调用 #

把本地化实例先存到变量里，只调用一次，同时做非空判断，从根源避免强制解包错误：

// 先获取实例并判断是否为空
final localizations = AppLocalizations.of(context);
if (localizations == null) {
  // 本地化未加载时返回占位UI
  return const Text("加载中...");
}

// 后续直接使用变量
return isLoading 
    ? Text(localizations.loading) 
    : Text("${localizations.orderId} : ${orderSummary.orderResponse?.no.toString()}");

2. 用context.watch确保获取有效实例 #

在Widget树中，通过context.watch<AppLocalizations>()获取实例，确保上下文在本地化Provider的子树内，同时监听本地化变化：

return Builder(
  builder: (context) {
    // 直接获取实例，若上下文无效会提前报错（便于排查）
    final localizations = context.watch<AppLocalizations>();
    return isLoading 
        ? Text(localizations.loading) 
        : Text("${localizations.orderId} : ${orderSummary.orderResponse?.no.toString()}");
  },
);

3. 检查MaterialApp本地化配置 #

确认你的MaterialApp已正确配置本地化代理和支持语言，这是AppLocalizations.of(context)能返回实例的前提：

MaterialApp(
  localizationsDelegates: const [
    AppLocalizations.delegate,
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  supportedLocales: const [
    Locale('en'),
    Locale('zh'),
  ],
  // 其他配置...
)

4. 处理异步加载本地化的场景 #

如果本地化是异步加载的（比如从网络拉取翻译），用FutureBuilder包裹UI，等待加载完成后再渲染：

FutureBuilder<AppLocalizations>(
  future: AppLocalizations.load(Localizations.localeOf(context)),
  builder: (context, snapshot) {
    if (!snapshot.hasData) {
      return const CircularProgressIndicator();
    }
    final localizations = snapshot.data!;
    return isLoading 
        ? Text(localizations.loading) 
        : Text("${localizations.orderId} : ${orderSummary.orderResponse?.no.toString()}");
  },
)

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