Flutter语言处理插件languagehandling的使用

在 Flutter 中处理多语言支持通常使用 flutter_localizations 包，结合 intl 包来实现国际化（i18n）。以下是如何使用这些插件来处理应用的多语言支持的基本步骤。

1. 添加依赖

首先，在 pubspec.yaml 文件中添加以下依赖：

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

然后运行 flutter pub get 来获取依赖。

2. 创建本地化文件

在 lib 目录下创建一个 l10n 文件夹，然后在其中创建 arb 文件，例如 app_en.arb 和 app_es.arb。这些文件将包含不同语言的翻译。

app_en.arb:

{
  "helloWorld": "Hello World!",
  "@helloWorld": {
    "description": "The conventional newborn programmer greeting"
  }
}

app_es.arb:

{
  "helloWorld": "¡Hola Mundo!",
  "@helloWorld": {
    "description": "El saludo convencional del programador recién nacido"
  }
}

3. 生成本地化类

使用 intl 工具生成本地化类。首先，确保你已经安装了 intl 工具：

flutter pub global activate intl_utils

然后在项目根目录下运行以下命令来生成本地化类：

flutter pub run intl_utils:generate

这将生成一个 AppLocalizations 类，包含所有翻译的字符串。

4. 配置 MaterialApp

在 main.dart 中配置 MaterialApp 使用本地化：

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

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

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

5. 使用本地化字符串

在应用中使用生成的本地化字符串：

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

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(S.of(context).helloWorld),
      ),
      body: Center(
        child: Text(S.of(context).helloWorld),
      ),
    );
  }
}

6. 切换语言（可选）

如果你希望在应用中动态切换语言，可以使用 Locale 和 setState 来实现。

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  Locale _locale = Locale('en');

  void _changeLanguage(Locale locale) {
    setState(() {
      _locale = locale;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(S.of(context).helloWorld),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(S.of(context).helloWorld),
            ElevatedButton(
              onPressed: () => _changeLanguage(Locale('en')),
              child: Text('English'),
            ),
            ElevatedButton(
              onPressed: () => _changeLanguage(Locale('es')),
              child: Text('Español'),
            ),
          ],
        ),
      ),
    );
  }
}

7. 配置 MaterialApp 支持动态语言切换

确保 MaterialApp 支持动态语言切换：

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      locale: _locale, // 添加这一行
      localizationsDelegates: [
        S.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: S.delegate.supportedLocales,
      home: MyHomePage(),
    );
  }
}