Dart 中如何进行国际化和本地化 (i18n/l10n)？-JavaScript中文网-JavaScript教程资源分享门户

推荐答案

在 Dart 中，国际化和本地化（i18n/l10n）通常通过 flutter_localizations 包和 intl 包来实现。以下是实现国际化和本地化的步骤：

添加依赖：在 pubspec.yaml 文件中添加 flutter_localizations 和 intl 依赖。

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
  intl: ^0.17.0

配置 MaterialApp：在 MaterialApp 中配置 localizationsDelegates 和 supportedLocales。

// www.javascriptcn.com code example
import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('en', 'US'), // 英语
        const Locale('zh', 'CN'), // 中文
      ],
      home: MyHomePage(),
    );
  }
}

创建本地化文件：使用 intl 包生成本地化文件。

创建一个 l10n 目录，并在其中创建一个 intl_en.arb 文件：

{
  "title": "Hello World",
  "@title": {
    "description": "The title of the app"
  }
}

创建一个 intl_zh.arb 文件：

{
  "title": "你好，世界",
  "@title": {
    "description": "应用程序的标题"
  }
}

生成本地化类：使用 intl_translation 工具生成 Dart 本地化类。

在 pubspec.yaml 中添加 intl_translation 依赖：
```
dev_dependencies:
  intl_translation: ^0.17.10
```

运行以下命令生成本地化类：

flutter pub run intl_translation:extract_to_arb --output-dir=lib/l10n lib/l10n/intl_messages.dart
flutter pub run intl_translation:generate_from_arb --output-dir=lib/l10n --no-use-deferred-loading lib/l10n/intl_messages.dart lib/l10n/intl_*.arb

使用本地化字符串：在代码中使用生成的本地化类。

// www.javascriptcn.com code example
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'l10n/messages_all.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(Intl.message('title', name: 'title')),
      ),
      body: Center(
        child: Text(Intl.message('title', name: 'title')),
      ),
    );
  }
}

本题详细解读

1. 依赖管理

在 Dart 中，国际化和本地化的实现依赖于 flutter_localizations 和 intl 包。flutter_localizations 提供了 Flutter 框架的本地化支持，而 intl 包则用于处理消息的格式化和翻译。

2. 配置 MaterialApp

在 MaterialApp 中，localizationsDelegates 和 supportedLocales 是两个关键配置项。localizationsDelegates 用于指定本地化代理，而 supportedLocales 则用于指定应用支持的本地化语言。

3. 创建本地化文件

本地化文件通常以 .arb 格式存储，这是一种 JSON 格式的文件，用于存储不同语言的翻译字符串。每个 .arb 文件对应一种语言，文件中的键值对表示翻译字符串及其描述。

4. 生成本地化类

使用 intl_translation 工具可以将 .arb 文件转换为 Dart 类，这些类包含了所有翻译字符串的引用。生成的类可以方便地在代码中使用。

5. 使用本地化字符串

在代码中，可以通过 Intl.message 方法来引用本地化字符串。Intl.message 方法会根据当前的语言环境自动选择正确的翻译字符串。

通过以上步骤，你可以在 Dart 应用中实现国际化和本地化，使应用能够支持多种语言，并根据用户的语言环境自动切换显示内容。