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。
相关推荐
见山是山-见水是水39 分钟前
Flutter 框架跨平台鸿蒙开发 - 电子发票智能管理
flutter·华为·harmonyos
IT枫斗者44 分钟前
构建具有执行功能的 AI Agent:基于工作记忆的任务规划与元认知监控架构
android·前端·vue.js·spring boot·后端·架构
用户69371750013841 小时前
XChat 为什么选择 Rust 语言开发
android·前端·ios
MonkeyKing1 小时前
Flutter刷新机制与重建优化
flutter
林栩link1 小时前
【车载 Android】实践跨进程 UI 融合渲染
android
空中海1 小时前
4.4 动态与嵌套路由
flutter
Paxon Zhang2 小时前
MySQL 大师之路**数据库约束,表设计,CRUD**
android·数据库·mysql
Indoraptor2 小时前
SurfaceFinger FrameTimeline 分析
android·源码阅读
2401_839633912 小时前
鸿蒙flutter第三方库适配 - 存储空间分析
flutter·华为·harmonyos
zh_xuan2 小时前
Android 待办事项增加事项统计
android