flutter 多语言 国际化 flutter Intl的使用方法

一使用 flutter Intl

Android studio需要添加插件 flutter Intl

路径 File>>Settings>>Plugins>>Marketplace>>flutter Intl>>Install

安装插件重新启动Android studio

Android studio 创建一个flutter测试的新项目

在项目文件中配置 ** 添加完成需要flutter pub get

pubspec.yaml

java 复制代码
  #国际化配置 1
  flutter_localizations:
    sdk: flutter
  #
  intl: ^0.19.0
  #生成文件
  intl_utils: ^2.0.0

使用插件生成配置文件

1.Tools>>Flutter lIntl>>Initialize for the Project
2.Tools>>Flutter lIntl>>Add Locale

中文zh 英文 en

看到{lib>>|10n}生成相关文件,文件内容{}

填写文件

中文

java 复制代码
{
  "appName": "zq国际化{name}",
  "autoBySystem": "跟随系统",
  "theme": "色彩主题",
  "settingLanguage": "多语言",
  "darkMode": "黑夜模式",
  "language": "语言",
  "settingFont": "字体"
}

中文

java 复制代码
{
  "appName": "zqinternational{name}",
  "autoBySystem": "Auto",
  "theme": "Theme",
  "settingLanguage": "Language",
  "darkMode": "Dark Mode",
  "language": "Language",
  "settingFont": "System Font"
}

重点 "appName": "zq国际化{name}",

{name}是一个占位符可以加入动态的字符,配置时都需要配置

执行 flutter pub run intl_utils:generate 生成相关文件

java 复制代码
PS F:\project\android_flutter\language> flutter pub run intl_utils:generate
Flutter assets will be downloaded from https://mirrors.tuna.tsinghua.edu.cn/flutter. Make sure you trust this source!
Deprecated. Use `dart run` instead.
Building package executable... (5.0s)
Built intl_utils:generate.
INFO: No @@locale or _locale field found in intl_en, assuming 'en' based on the file name.
INFO: No @@locale or _locale field found in intl_zh, assuming 'zh' based on the file name.
PS F:\project\android_flutter\language>

在项目文件目录 lib>>generated>>|10n.dart 看到如下文件

java 复制代码
....
....
/// `zqinternational{name}`
  String appName(Object name) {
    return Intl.message(
      'zqinternational$name',
      name: 'appName',
      desc: '',
      args: [name],
    );
  }

  /// `Auto`
  String get autoBySystem {
    return Intl.message(
      'Auto',
      name: 'autoBySystem',
      desc: '',
      args: [],
    );
  }
....
....

使用 区别 有占位符

S.of(context)!.appName('${你好}')

S.of(context)!.autoBySystem

下载地址 https://download.csdn.net/download/ZQ200720/90057955

项目下载地址

0积分

相关推荐
mocoding1 分钟前
使用鸿蒙化Flutter图片选择、相机拍照、多图选择三方库image_picker实战教程示例
flutter·前端框架·harmonyos·鸿蒙
一起养小猫1 小时前
Flutter for OpenHarmony 实战:电子英汉词典完整开发指南
flutter·harmonyos
wYb123_4563 小时前
Flutter for OpenHarmony软件开发助手app实战学习统计分析实现
学习·flutter
灰灰勇闯IT3 小时前
Flutter for OpenHarmony:深色模式下的 UI 优化技巧 —— 构建舒适、可读、无障碍的夜间体验
flutter·ui
浩辉_4 小时前
Dart - 认识Sealed
flutter·dart
2501_940007894 小时前
Flutter for OpenHarmony三国杀攻略App实战 - 鸿蒙适配与打包发布
前端·flutter
一起养小猫5 小时前
Flutter for OpenHarmony 进阶:数据统计与排序算法深度解析
flutter·harmonyos
gpldock2225 小时前
Flutter App Templates Deconstructed: A 2025 Architectural Review
开发语言·javascript·flutter·wordpress
微祎_6 小时前
Flutter for OpenHarmony:构建一个 Flutter 单词拼图游戏,深入解析状态驱动 UI、交互式字母操作与教育类应用设计
javascript·flutter·ui
一起养小猫6 小时前
Flutter for OpenHarmony 实战:文件加密解密器完整开发指南
flutter