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。
相关推荐
恋猫de小郭18 小时前
移动端开发稳了?AI 目前还无法取代客户端开发,小红书的论文告诉你数据
前端·flutter·ai编程
MakeZero20 小时前
Flutter那些事-交互式组件
flutter
shankss21 小时前
pull_to_refresh_simple
flutter
shankss21 小时前
Flutter 下拉刷新库新特性:智能预加载 (enableSmartPreload) 详解
flutter
阿巴斯甜1 天前
Android 报错:Zip file '/Users/lyy/develop/repoAndroidLapp/l-app-android-ble/app/bu
android
Kapaseker1 天前
实战 Compose 中的 IntrinsicSize
android·kotlin
xq95271 天前
Andorid Google 登录接入文档
android
黄林晴1 天前
告别 Modifier 地狱,Compose 样式系统要变天了
android·android jetpack
冬奇Lab2 天前
Android触摸事件分发、手势识别与输入优化实战
android·源码阅读
城东米粉儿2 天前
Android MediaPlayer 笔记
android