Flutter配置多语言,国际化之后的优化

本文介绍了如何优化Flutter应用的多语言配置过程,包括抽离翻译字段、简化翻译步骤,通过Node.js实现自动化,减少手动操作,提高效率。
摘要由CSDN通过智能技术生成

Flutter配置国际化,多语言步骤优化


请先参考国际化 · 《Flutter实战》中的intl章节完成国际化配置至能够使用


其中intl.sh文件的部分注释

# lib/i10n/localization_intl.dart 要进行翻译的(其中包含有Intl相关方法)文件
# i10n-arb/intl_*.arb 转换后的.arb文件 2
# i10n-arb 存放1转换后的相应.arb文件的目录 3
# lib/i10n 存放2再转换成相应dart文件的目录 4

# 转换成arb。传入3和1
flutter pub pub run intl_translation:extract_to_arb --output-dir=i10n-arb lib/i10n/localization_intl.dart
# 将arb转化成相关dart文件。传入4,1和2
flutter pub pub run intl_translation:generate_from_arb --output-dir=lib/i10n --no-use-deferred-loading lib/i10n/localization_intl.dart i10n-arb/intl_*.arb

1. 抽离要翻译字段

  • 删除掉lib/i10n/localization_intl.dart中以下部分
String get title {
  return Intl.message(
    'Flutter APP',
    name: 'title',
    desc: 'Title for the Demo application',
  );
}
  • 新建lib/i10n/mixins文件夹

  • mixins文件夹中新建commom.dart文件并写入

// ignore_for_file: non_constant_identifier_names
import 'package:intl/intl.dart';

mixin Commom {
  // 加上前缀方便在.arb文件中区分
  String get commom_title => Intl.message(
        'Flutter APP',
        name: 'commom_title', // 在.arb文件中显示的字段名
        desc: 'Title for the Demo application');
}
  • lib/i10n/localization_intl.dart引用
// ...
import './mixins/commom.dart';
// ...
class DemoLocalizations with Common {
// ...

  • 修改intl.sh文件
    • 只修改了1相应的路径
# lib/i10n/mixins/** 要进行翻译的(其中包含有Intl相关方法)文件 1
# i10n-arb/intl_*.arb 转换后的.arb文件 2
# i10n-arb 存放1转换后的相应.arb文件的目录 3
# lib/i10n 存放2再转换成相应dart文件的目录 4

# 转换成arb。传入3和1
flutter pub pub run intl_translation:extract_to_arb --output-dir=i10n-arb lib/i10n/mixins/**
# 将arb转化成相关dart文件。传入4,1和2
flutter pub pub run intl_translation:generate_from_arb --output-dir=lib/i10n --no-use-deferred-loading lib/i10n/mixins/** i10n-arb/intl_*.arb
  • 完成

2. 简化翻译步骤(需要安装Node.js)

参考使用Intl包 · 《Flutter实战》当前的翻译步骤为
  • lib/i10n/mixins/下相关文件添加要翻译的字段
  • 执行./intl.sh
  • i10n-arb/下相关文件进行相应的翻译
  • 执行./intl.sh
缺点
  • 需要在多处相关文件进行相关改动
  • 翻译时的.arb文件需要和i10n-arb/intl_messages.arb进行对比,并进行手动更改
  • 若是修改之前的翻译字段,可能需要对部分.arb文件进行相关的手动修改
  • 需要多次执行./intl.sh
优化思路
  • 原步骤中第一次执行./intl.sh是为了执行其中第一条命令。
  • 第二次执行./intl.sh是为了执行其中第二条命令。
  • 因此只要将对.arb文件进行相关翻译通过命令行执行即可
优化后的步骤
  • lib/i10n/mixins/下相关文件添加要翻译的字段
  • 执行./intl.sh
如何优化
  • 根目录下添加node_intl.js文件
const fs = require("fs");
const path = require("path");
// 要转换的语言(默认语言不填)
const localeList = ["en", "ja"];
// 获取命令行参数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值