Flutter国际化如何实现

Flutter 国际化（i18n）的实现主要包括以下几个步骤：

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.17.0 # 请使用最新版本

然后运行 flutter pub get 命令安装依赖。

2. 创建本地化文件

在项目的 lib 目录下创建一个名为 l10n 的文件夹。在此文件夹中，为每种支持的语言创建一个子文件夹，例如 en、zh 等。在每个子文件夹中创建一个名为 messages.arb 的文件，其中 arb 是 “Addressable Resource Bundle” 的缩写。

例如，在 en 文件夹中创建 messages.en.arb 文件：

{
  "helloWorld": "Hello World!",
  "appDescription": "This is a sample app for Flutter internationalization."
}

在 zh 文件夹中创建 messages.zh.arb 文件：

{
  "helloWorld": "你好，世界！",
  "appDescription": "这是一个用于 Flutter 国际化的示例应用。"
}

3. 配置本地化

在 pubspec.yaml 文件中配置本地化：

flutter:
  generate: true
  intl:
    locale: en # 默认语言
    fallbackLocale: en # 当前语言没有翻译时使用的默认语言
    assets:
      - l10n/

4. 使用 intl 包生成 Dart 文件

运行以下命令生成 Dart 文件：

flutter pub run intl_translation:generate_to_arb --output-dir=l10n --no-use-deferred-loading messages all

这将在 l10n 目录下生成一个名为 messages.dart 的文件。

5. 在代码中使用国际化

首先，导入生成的 messages.dart 文件：

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'l10n/messages_all.dart'; // 导入所有语言的翻译文件

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final Locale locale = Localizations.localeOf(context);
  final String helloWorld = Intl.message(
    'helloWorld',
    name: 'helloWorld',
    desc: 'Hello World!',
    locale: locale,
  );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(helloWorld),
      ),
      body: Center(
        child: Text(messages.appDescription), // 使用翻译文件中的文本
      ),
    );
  }
}

现在，应用将根据设备的语言设置显示相应的文本。如果需要切换语言，可以使用 Localizations.overrideLocale 方法：

MaterialApp(
  // ...
  localizationsDelegates: [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  supportedLocales: [
    const Locale('en', ''), // 英语
    const Locale('zh', ''), // 中文
  ],
  home: MyHomePage(),
)

这样，Flutter 应用就可以实现国际化了。