Flutter国际化翻译：如何从Child Widget获取ARB Key？

下面是几种可行的实现方案，按需选择：

方案1：自定义包装组件绑定ARB Key #

创建专门的组件，同时接收ARB Key和翻译逻辑，将Key作为组件属性保留，方便后续获取：

class LocalizedText extends StatelessWidget {
  final String arbKey;
  final String Function(String key) translate;
  final TextStyle? style;

  const LocalizedText({
    super.key,
    required this.arbKey,
    required this.translate,
    this.style,
  });

  @override
  Widget build(BuildContext context) {
    return Text(
      translate(arbKey),
      style: style,
    );
  }
}

使用时直接传入ARB Key：

LocalizedText(
  arbKey: 'welcome_message',
  translate: (key) => AppLocalizations.of(context)!.translate(key),
)

后续需要获取Key时，可通过Widget树遍历找到LocalizedText实例，直接读取arbKey属性。

方案2：扩展国际化类返回Key+文本 #

给自动生成的AppLocalizations类添加扩展方法，返回包含ARB Key和翻译文本的结构：

extension AppLocalizationsExt on AppLocalizations {
  Map<String, String> getTranslationWithKey(String key) {
    return {
      'key': key,
      'text': translate(key),
    };
  }
}

使用时将该结构传递给Widget，同时保留Key的引用：

final translation = AppLocalizations.of(context)!.getTranslationWithKey('welcome_message');
Text(translation['text']!, key: ValueKey(translation['key']!))

方案3：通过自定义Key标记ARB Key #

给每个国际化文本组件绑定ValueKey，直接将ARB Key作为Key的值：

Text(
  AppLocalizations.of(context)!.translate('welcome_message'),
  key: const ValueKey('welcome_message'),
)

需要获取Key时，遍历Widget树查找对应的ValueKey：

String? extractArbKey(BuildContext context) {
  String? targetKey;
  context.visitChildElements((element) {
    if (element.widget.key is ValueKey<String>) {
      targetKey = (element.widget.key as ValueKey<String>).value;
    }
  });
  return targetKey;
}

注意事项 #

• 如果使用Flutter官方的intl包自动生成国际化代码，避免直接依赖生成类的私有方法，防止版本更新导致兼容问题；
• 若需批量处理，可考虑修改intl的代码生成模板，让生成的方法自动保留ARB Key的关联。

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