您现在的位置是：首页 >其他 >Flutter使用gen_l10n实现多语言支持网站首页其他

实现步骤

1. 在你的 Flutter 项目的 pubspec.yaml 文件中，确保添加了 flutter_localizations 和 intl 依赖。

  flutter_localizations:
    sdk: flutter
  intl: ^0.18.0

2. 在 pubspec.yaml 中，添加 flutter 部分的 generate 配置。

  generate: true

3. 在项目工程根目录新建一个l10n.yaml文件，该文件是是flutter gen-l10n 命令的默认配置文件。

arb-dir: assets/strings  #指定arb多国语文件目录
template-arb-file: string_zh.arb  #指定arb多国语文件
output-localization-file: app_localizations.dart

4. 在项目中找一个目录，用于存放创建 ARB 文件(本文中是assets/strings)，例如 app_en.arb 和 app_zh.arb。每个文件包含键值对，定义了不同语言的字符串。

{
  "@@locale": "zh",
  "app_name": "测试",
  "hello": "Hello"

}

5. 打开Terminal窗口，运行flutter gen-l10n命令。
   
   运行后生成的文件目录如下。
   

6. 在MaterialApp或GetMaterialApp配置国际化支持。

localizationsDelegates: AppLocalizations.localiz  // 委托定义
supportedLocales: AppLocalizations.supportedLoca  // 支持切换的语言
fallbackLocale: const Locale('en', ''),  // 出错时配置语言

7. 在需要使用的地方直接调用即可。

import 'package:flutter_gen/gen_l10n/app_localizations.dart';


AppLocalizations.of(Get.context!)!.app_name

亦可实现一个公共方法，各个地方的调用均使用公共方法。

import 'package:flutter_gen/gen_l10n/app_localizations.dart';

AppLocalizations strings() => AppLocalizations.of(Get.context!)!;

strings().app_name

遇到的问题

1. 执行flutter gen-l10n时报错。
   
   这是因为在pubspec.yaml 中，没有添加 flutter 部分的 generate 配置generate: true，添加后再执行即可，参考实现步骤2。