flutter如何实现国际化(i18n)

在Flutter项目中如何实现国际化(i18n)？目前我的应用需要支持多国语言切换，但不太清楚具体该怎么做。官方推荐的方案是什么？是否需要引入第三方库？能否提供一个完整的实现步骤示例，包括语言文件的配置和切换逻辑的实现？

2 回复

使用 flutter_localizations 包，在 pubspec.yaml 添加依赖。创建 arb 文件存储不同语言文本，在 MaterialApp 中配置 localizationsDelegates 和 supportedLocales。通过 AppLocalizations.of(context) 调用文本。

更多关于flutter如何实现国际化(i18n)的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现国际化（i18n）主要通过以下步骤完成：

  1. 添加依赖 在 pubspec.yaml 中添加：

    dependencies:
  flutter_localizations:
    sdk: flutter
  intl: ^0.18.1
dev_dependencies:
  intl_utils: ^2.8.2

  2. 创建ARB文件 在项目根目录创建 l10n 文件夹，添加 app_en.arb 和 app_zh.arb：

    // app_en.arb
{
  "helloWorld": "Hello World!",
  "@helloWorld": {
    "description": "Greeting"
  }
}

// app_zh.arb
{
  "helloWorld": "你好世界！"
}

  3. 生成本地化代码 运行命令生成本地化类：

    flutter pub run intl_utils:generate

  4. 配置MaterialApp 在 main.dart 中配置：

    return MaterialApp(
  localizationsDelegates: [
    AppLocalizations.delegate,
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
  ],
  supportedLocales: [
    Locale('en'),
    Locale('zh'),
  ],
  home: MyHomePage(),
);

  5. 使用本地化文本 在Widget中调用：

    Text(AppLocalizations.of(context)!.helloWorld)

  6. 动态切换语言 使用 locale 属性并配合状态管理（如Provider）：

    MaterialApp(
  locale: context.watch<Locale>(),
  // ...其他配置
)

注意事项：

  • 确保ARB文件使用UTF-8编码
  • 每次修改ARB文件后需重新生成代码
  • 可通过 Localizations.override 实现局部语言覆盖

这是Flutter国际化的标准实现方案，兼顾了开发效率和运行性能。

回到顶部