Flutter 中如何使用 arb 文件？

推荐答案

在 Flutter 中，.arb 文件用于存储应用程序的本地化字符串资源。通过使用 flutter_localizations 和 intl 包，可以轻松地将 .arb 文件中的字符串加载到应用程序中。

步骤：

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

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

2. 创建 .arb 文件：在 lib/l10n 目录下创建 .arb 文件，例如 app_en.arb 和 app_zh.arb，分别用于存储英文和中文的本地化字符串。

   // www.javascriptcn.com code example
   // app_en.arb
   {
     "helloWorld": "Hello World!",
     "@helloWorld": {
       "description": "The conventional newborn programmer greeting"
     }
   }
   
   // app_zh.arb
   {
     "helloWorld": "你好，世界！",
     "@helloWorld": {
       "description": "传统的程序员问候语"
     }
   }

3. 生成本地化类：使用 flutter pub pub run intl_translation:extract_to_arb 命令从代码中提取字符串并生成 .arb 文件。然后使用 flutter pub pub run intl_translation:generate_from_arb 命令从 .arb 文件生成 Dart 本地化类。

4. 配置 MaterialApp：在 MaterialApp 中配置本地化支持。

   // www.javascriptcn.com code example
   import 'package:flutter/material.dart';
   import 'package:flutter_localizations/flutter_localizations.dart';
   import 'l10n/localizations.dart';
   
   void main() {
     runApp(MyApp());
   }
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         localizationsDelegates: [
           AppLocalizations.delegate,
           GlobalMaterialLocalizations.delegate,
           GlobalWidgetsLocalizations.delegate,
         ],
         supportedLocales: [
           const Locale('en', ''),
           const Locale('zh', ''),
         ],
         home: MyHomePage(),
       );
     }
   }

5. 使用本地化字符串：在应用程序中使用生成的本地化字符串。

   // www.javascriptcn.com code example
   class MyHomePage extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text(AppLocalizations.of(context).helloWorld),
         ),
         body: Center(
           child: Text(AppLocalizations.of(context).helloWorld),
         ),
       );
     }
   }

本题详细解读

1. .arb 文件的作用

.arb 文件是 Application Resource Bundle 的缩写，用于存储应用程序的本地化字符串资源。它采用 JSON 格式，支持多语言字符串的定义和描述。

2. flutter_localizations 和 intl 包的作用

• flutter_localizations：提供了 Flutter 应用程序的本地化支持，包括日期、时间、货币等格式的本地化。
• intl：提供了国际化和本地化的工具，支持从 .arb 文件生成 Dart 代码，并提供了格式化日期、数字、货币等功能。

3. 生成本地化类的过程

• 提取字符串：使用 intl_translation:extract_to_arb 命令从代码中提取需要本地化的字符串，并生成 .arb 文件。
• 生成 Dart 代码：使用 intl_translation:generate_from_arb 命令从 .arb 文件生成 Dart 本地化类，这些类包含了应用程序中所有本地化字符串的映射。

4. 配置 MaterialApp

在 MaterialApp 中配置本地化支持时，需要指定 localizationsDelegates 和 supportedLocales。localizationsDelegates 负责加载本地化资源，supportedLocales 指定应用程序支持的语言环境。

5. 使用本地化字符串

通过 AppLocalizations.of(context) 可以获取当前上下文的本地化字符串，并在应用程序中使用这些字符串。

6. 注意事项

• 确保 .arb 文件中的键名一致，以便在不同语言之间正确映射。
• 在生成 Dart 代码后，及时更新应用程序中的字符串引用，以确保使用最新的本地化资源。

通过以上步骤，可以在 Flutter 应用程序中轻松使用 .arb 文件进行本地化。