Flutter如何使用intl库进行国际化

在Flutter项目中如何正确使用intl库实现国际化？我已经按照官方文档添加了依赖并创建了arb文件，但运行时仍然显示默认语言。具体需要配置哪些步骤？是否需要在MaterialApp中额外设置？如何处理动态切换语言的功能？求详细实现方案和常见问题解决办法。

2 回复

在Flutter中使用intl库进行国际化：

  1. 添加依赖：flutter pub add intl
  2. 创建ARB文件（如intl_messages.arb）
  3. 运行flutter pub run intl_translation:extract_to_arb生成ARB模板
  4. 翻译ARB文件
  5. 运行flutter pub run intl_translation:generate_from_arb生成Dart代码
  6. 在MaterialApp中配置localizationsDelegates和supportedLocales

使用Intl.message()包装需要国际化的文本。

更多关于Flutter如何使用intl库进行国际化的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中使用intl库进行国际化的步骤如下：

1. 添加依赖

在 pubspec.yaml 中添加：

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.18.1

dev_dependencies:
  flutter_localizations:
    sdk: flutter

2. 创建ARB文件

在项目根目录创建 l10n 文件夹，添加：

  • app_en.arb（英文）
{
  "helloWorld": "Hello World!",
  "@helloWorld": {
    "description": "简单的欢迎语"
  }
}
  • app_zh.arb（中文）
{
  "helloWorld": "你好世界！"
}

3. 生成本地化类

在 pubspec.yaml 中配置生成命令：

flutter:
  generate: true
  l10n:
    arb-dir: lib/l10n
    output-dir: lib/generated
    synthetic-package: false

运行生成命令：

flutter pub get
flutter gen-l10n

4. 配置MaterialApp

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'generated/l10n.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        S.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: S.delegate.supportedLocales,
      home: MyHomePage(),
    );
  }
}

5. 使用本地化文本

Text(S.of(context).helloWorld)

6. 动态切换语言

// 切换为中文
Locale newLocale = Locale('zh');
S.load(newLocale);

注意事项：

  • 每次修改ARB文件后需重新运行 flutter gen-l10n
  • 支持参数化文本可在ARB中使用 {param} 占位符
  • 可通过 S.delegate.supportedLocales 获取支持的语言列表

这样就完成了Flutter应用的基本国际化配置。

回到顶部