Flutter中如何对存储在组件外的List数据做国际化处理？

这里提供3种落地性强的实现方式，可根据你的业务场景选择：

方案1：组件内动态生成翻译后List #

适合List数据量小、不需要频繁重构的场景：

• 不要在组件外定义静态字符串List，改为定义一个接收AppLocalizations实例的构造方法：

// 组件外的公共方法
List<String> getLocalizedList(AppLocalizations loc) {
  return [
    loc.homePage,
    loc.settings,
    loc.userCenter,
    // 其他需要翻译的列表项
  ];
}

• 在组件的build方法中调用该方法获取翻译完成的List，直接传入ListView.builder即可：

@override
Widget build(BuildContext context) {
  final loc = AppLocalizations.of(context)!;
  final localizedList = getLocalizedList(loc);
  return ListView.builder(
    itemCount: localizedList.length,
    itemBuilder: (context, index) {
      return ListTile(title: Text(localizedList[index]));
    },
  );
}

方案2：预存翻译标识，渲染时实时翻译 #

适合需要支持语言实时切换、数据量大的场景，是最推荐的实现方式：

• 组件外的List不存储实际文本，改为存储枚举/翻译key这类标识：

// 先定义列表项对应的枚举
enum ListItemType {
  home,
  settings,
  userCenter,
}

// 组件外预存储的静态List，完全不需要context
const List<ListItemType> preStoredList = [
  ListItemType.home,
  ListItemType.settings,
  ListItemType.userCenter,
];

• 在ListView.builder的item构造阶段，结合context拿到翻译结果再渲染：

ListView.builder(
  itemCount: preStoredList.length,
  itemBuilder: (context, index) {
    final itemType = preStoredList[index];
    final loc = AppLocalizations.of(context)!;
    String localizedText;
    switch(itemType) {
      case ListItemType.home:
        localizedText = loc.homePage;
        break;
      case ListItemType.settings:
        localizedText = loc.settings;
        break;
      case ListItemType.userCenter:
        localizedText = loc.userCenter;
        break;
    }
    return ListTile(title: Text(localizedText));
  },
)

该方案优势在于切换系统语言时不需要手动更新List，组件重绘时会自动拉取最新翻译，不会出现语言切换后列表未更新的问题。

方案3：全局Context获取（不推荐优先使用） #

如果确实需要在组件外直接拿到翻译结果，可以通过全局导航Key获取上下文，仅适合特殊场景使用：

1. 全局定义导航Key：

final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

2. 绑定到MaterialApp的navigatorKey属性：

MaterialApp(
  navigatorKey: navigatorKey,
  // 其他配置
)

3. 组件外需要翻译时，通过该Key获取上下文：

final loc = AppLocalizations.of(navigatorKey.currentContext!)!;
// 直接调用翻译方法即可

注意：该方式要保证调用时App已完成初始化，否则currentContext会为空触发空指针异常。

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