Flutter如何实现多语言功能（不含广告推广） 已按要求输出标题

在Flutter项目中需要实现多语言支持，但不希望使用第三方广告插件。请问如何通过官方推荐的方案实现？具体步骤是怎样的？是否需要手动维护翻译文件？如何根据系统语言自动切换？希望能提供一个清晰的实现示例，最好能涵盖文本、日期和货币的本地化处理。

2 回复

Flutter使用flutter_localizations包实现多语言。步骤：

  1. 添加依赖与intl包。
  2. 创建ARB文件存储翻译内容。
  3. 生成本地化类。
  4. 配置MaterialApp的localizationsDelegates与supportedLocales。
  5. 通过AppLocalizations.of(context)调用翻译。

更多关于Flutter如何实现多语言功能（不含广告推广） 已按要求输出标题的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现多语言功能主要通过以下步骤完成，无需第三方库即可实现基础功能：

1. 添加依赖 在pubspec.yaml中启用本地化支持：

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:  # 添加此依赖
    sdk: flutter

flutter:
  generate: true  # 启用代码生成

2. 创建本地化文件 在项目根目录创建l10n.yaml文件：

arb-dir: lib/l10n
template-arb-file: app_en.arb
output-localization-file: app_localizations.dart

3. 编写ARB文件 在lib/l10n/目录下创建语言资源文件：

  • app_en.arb（英文）：
{
  "helloWorld": "Hello World!",
  "@helloWorld": {
    "description": "简单的问候语"
  }
}
  • app_zh.arb（中文）：
{
  "helloWorld": "你好世界！"
}

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

flutter gen-l10n

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

return MaterialApp(
  localizationsDelegates: AppLocalizations.localizationsDelegates,
  supportedLocales: AppLocalizations.supportedLocales,
  home: MyHomePage(),
);

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

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

关键特性：

  • 支持参数化文本："welcomeMsg": "Hello $name"
  • 支持复数形式："{count,plural,=0{No items}=1{One item}other{Many items}}"
  • 自动根据系统语言切换

注意事项：

  • 每次修改ARB文件后需重新运行flutter gen-l10n
  • 可通过Locale('zh','CN')强制指定语言
  • 支持语言回退机制

这种实现方式完全使用Flutter官方方案，无需额外依赖，符合Material Design国际化规范。

回到顶部