Flutter使用gen_l10n实现多语言支持

实现步骤

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

    flutter_localizations:
    sdk: flutter
    intl: ^0.18.0

  1. 在 pubspec.yaml 中,添加 flutter 部分的 generate 配置。

    generate: true

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

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

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

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

    }

  1. 打开Terminal窗口,运行flutter gen-l10n命令。

    运行后生成的文件目录如下。

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

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

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

    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。
相关推荐
CyL_Cly14 小时前
解决官网下载慢!Android Studio 最新版网盘下载
android·ide·android studio
智塑未来14 小时前
鸿蒙系统对比安卓、iOS,核心优势是什么?
android·ios·harmonyos
AI刀刀15 小时前
豆包智能体对话导出后,如何构建长期归档与高效检索体系?
android·人工智能·word·excel·ai导出鸭
心中有国也有家15 小时前
AtomGit Flutter 鸿蒙客户端:呼吸球动画
学习·flutter·华为·harmonyos
初雪云16 小时前
iOS 上架入门:证书、描述文件、IPA 上传到底是什么关系?
android·ios·自动化·产品经理·iphone
心中有国也有家18 小时前
AtomGit Flutter 鸿蒙客户端:呼吸练习的三种科学模式
学习·flutter·华为·harmonyos
玩机达人8819 小时前
一加12/Ace5/Ace3pro手机ColorOS16降级回锁BL熔断变黑砖怎么办
android·智能手机·电脑
yuanlaile19 小时前
前端转 Flutter 自学完整规划,避开跨栈思维转换误区
前端·flutter·flutter跨平台开发
姑苏倾城客19 小时前
Flutter中,html 与 dart 桥接沟通
javascript·flutter·html
Digitally19 小时前
使用 USB 数据线将文件从安卓设备传输到电脑
android·电脑