当前位置: 首页 > article >正文

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', ''),  // 出错时配置语言

在这里插入图片描述
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

![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/85445d40f5da4b19b334d8f0c0952e98.png
在这里插入图片描述

遇到的问题

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

http://www.kler.cn/a/548361.html

相关文章:

  • Autojs: 使用 SQLite
  • Spring Boot 原理分析
  • [AI]从零开始的llama.cpp部署与DeepSeek格式转换、量化、运行教程
  • 排序算法之自定义排序函数的含义
  • 闲鱼IP属地是通过电话号码吗?
  • Hami项目开发笔记
  • 使用grafana v11 建立k线(蜡烛图)仪表板
  • 为什么innodb支持事务
  • tkinter-TinUI-xml实战(12)应用组启动器
  • vue-model如何自定义指令,及批量注册自定义指令
  • 【CS.SE】优化 Redis 商户号池分配设计:高并发与内存管理
  • 播客自动化实操:用Make自动制作每日新闻播客
  • Vue 入门到实战 十
  • SpringCloud框架下的注册中心比较:Eureka与Consul的实战解析
  • 深入了解 Oracle 正则表达式
  • vue字符串的常用方法,截取字符串,获取字符串长度,检索字符串
  • 【ESP32 IDF】ESP32 linux 环境搭建
  • 坑多多之AC8257 i2c1 rtc-pcf8563
  • C#学习之数据转换
  • 【Git】三、远程管理