如何在第二个Dart文件中调用已加载的本地化JSON数据？

我来帮你排查并解决这个问题，通常这种情况都是上下文（context）层级或者配置遗漏导致的，咱们一步步来：

1. 先确认本地化基础配置是否完整 #

首先检查你的MaterialApp是否正确配置了本地化相关的代理和支持的语言，这是所有页面能获取本地化内容的基础：

MaterialApp(
  localizationsDelegates: [
    DemoLocalizations.delegate, // 你的自定义本地化代理
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  supportedLocales: [
    const Locale('en', ''),
    const Locale('ru', ''),
    const Locale('tr', ''),
  ],
  home: YourHomePage(),
)

2. 验证DemoLocalizations.of方法的实现 #

确保你的demo_localizations.dart里的of方法是正确的，它需要从上下文里正确查找本地化实例：

static DemoLocalizations of(BuildContext context) {
  return Localizations.of<DemoLocalizations>(context, DemoLocalizations);
}

如果这个方法写错了（比如类型不匹配），就会导致无法获取到实例。

3. 检查导航时的上下文层级 #

很多时候问题出在导航时使用的context层级不对。如果你的主页面是用Scaffold包裹的，直接用Scaffold的context去导航，可能会导致第二个页面的context无法访问到MaterialApp层级的本地化数据。

解决方法是用Builder包裹你的导航按钮，获取正确的上下文：

// 主页面里的导航按钮
Builder(
  builder: (navContext) {
    return ElevatedButton(
      onPressed: () {
        Navigator.push(
          navContext,
          MaterialPageRoute(builder: (context) => SecondPage()),
        );
      },
      child: Text(DemoLocalizations.of(context).trans('goToSecondPage')),
    );
  },
)

4. 确认本地化JSON文件里存在对应的key #

别忘记检查en.json、ru.json、tr.json里是否都包含secondPageTitle这个key，比如：

// en.json
{
  "greetings": "Hello there!",
  "secondPageTitle": "Second Page"
}

如果某个语言的JSON里缺少这个key，切换到对应语言时就会显示异常。

5. 在SecondPage里正确调用本地化内容 #

最后确保你的second_page.dart里的调用方式正确，比如：

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(DemoLocalizations.of(context).trans('secondPageTitle')),
      ),
      body: Center(
        child: Text(DemoLocalizations.of(context).trans('secondPageContent')),
      ),
    );
  }
}

按照这几步排查下来，应该就能解决第二个页面无法获取本地化内容的问题了。

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