flutter如何实现国际化资源文件转换translate_arb_cli插件的使用

在Flutter项目中，我想使用translate_arb_cli插件来实现国际化资源的转换，但不太清楚具体操作步骤。这个插件是否支持自动将JSON或Excel文件转换成ARB格式？转换后如何与flutter_localizations集成？能否给出一个完整的配置示例，包括l10n.yaml的设置和Dart代码中如何加载这些本地化资源？过程中有哪些常见坑需要注意？

2 回复

使用Flutter的intl_translation包配合translate_arb_cli插件实现国际化。步骤：

  1. 在pubspec.yaml添加依赖。
  2. 创建l10n.yaml配置ARB文件路径。
  3. 运行flutter pub run intl_translation:extract_to_arb提取ARB文件。
  4. 使用插件转换并生成Dart代码。
  5. 在App中加载本地化资源。

更多关于flutter如何实现国际化资源文件转换translate_arb_cli插件的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中，使用 translate_arb_cli 插件可以自动化管理国际化资源文件（.arb 文件）的转换和同步。以下是详细使用步骤：

1. 安装插件

在 pubspec.yaml 的 dev_dependencies 中添加：

dev_dependencies:
  translate_arb_cli: ^1.0.0  # 使用最新版本

运行 flutter pub get 安装。

2. 配置基础 ARB 文件

创建 lib/l10n 目录，并添加基础资源文件（如 intl_en.arb）：

{
  "hello": "Hello",
  "@hello": {
    "description": "Greeting message"
  }
}

3. 生成 Dart 本地化代码

在项目根目录运行命令生成本地化类：

flutter pub run translate_arb_cli:generate

这会根据 ARB 文件自动生成 app_localizations.dart 和 app_localizations_en.dart 等文件。

4. 集成到 Flutter 项目

在 pubspec.yaml 中启用本地化支持：

flutter:
  generate: true

在 main.dart 中配置本地化委托：

import 'package:flutter/material.dart';
import 'generated/l10n.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: S.localizationsDelegates,
      supportedLocales: S.supportedLocales,
      home: HomePage(),
    );
  }
}

5. 使用本地化文本

在组件中通过生成的 S.of(context) 调用文本：

Text(S.of(context).hello) // 输出: Hello

6. 添加其他语言

创建对应语言的 ARB 文件（如 intl_es.arb）：

{
  "hello": "Hola"
}

重新运行 flutter pub run translate_arb_cli:generate 更新代码。

7. 高级功能

  • 自动翻译：插件支持通过 Google Translate API 自动翻译（需配置 API 密钥）。
  • 增量更新：仅同步修改的字段，保留已有翻译。

注意事项

  • 确保 ARB 文件路径与插件配置一致。
  • 描述字段（@key）可提供上下文，提升翻译准确性。
  • 运行生成命令后需重启应用加载新资源。

通过以上步骤，可高效管理多语言资源，减少手动维护成本。

回到顶部