Flutter国际化翻译插件i10n_translator的使用

当然，以下是一个关于如何在Flutter项目中使用i10n_translator插件来实现国际化翻译的示例代码。

1. 添加依赖

首先，你需要在pubspec.yaml文件中添加i10n_translator依赖：

dependencies:
  flutter:
    sdk: flutter
  i10n_translator: ^x.y.z  # 请替换为最新版本号

然后在项目根目录下运行flutter pub get来安装依赖。

2. 创建翻译文件

假设你希望支持英语（en）和中文（zh）两种语言，你需要在assets目录下创建翻译文件，如strings_en.json和strings_zh.json。

assets/strings_en.json

{
  "welcome": "Welcome",
  "goodbye": "Goodbye"
}

assets/strings_zh.json

{
  "welcome": "欢迎",
  "goodbye": "再见"
}

3. 配置pubspec.yaml中的assets

在pubspec.yaml文件中添加你的翻译文件到assets：

flutter:
  assets:
    - assets/strings_en.json
    - assets/strings_zh.json

4. 初始化i10n_translator

在你的主文件（如main.dart）中，初始化并使用i10n_translator插件。

import 'package:flutter/material.dart';
import 'package:i10n_translator/i10n_translator.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(),
      localizationsDelegates: [
        // 添加 i10nTranslatorDelegate
        I10nTranslatorDelegate(
          // 设置默认语言
          fallbackLocale: Locale('en', ''),
          // 指定翻译文件路径
          jsonAssetBasePath: 'assets/strings_',
        ),
        // 添加全局的 MaterialLocalizations
        GlobalMaterialLocalizations.delegate,
        // 添加全局的 WidgetsLocalizations
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en', ''),
        Locale('zh', ''),
      ],
      localeResolutionCallback: (Locale locale, Iterable<Locale> supportedLocales) {
        // 根据用户设备语言选择合适的 locale
        for (Locale supportedLocale in supportedLocales) {
          if (supportedLocale.languageCode == locale.languageCode ||
              supportedLocale.countryCode == locale.countryCode) {
            return supportedLocale;
          }
        }
        // 默认返回英语
        return Locale('en', '');
      },
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  I10nTranslator _i10n;

  @override
  Widget build(BuildContext context) {
    _i10n = I10nTranslator.of(context);
    return Scaffold(
      appBar: AppBar(
        title: Text(_i10n.translate('welcome')),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              _i10n.translate('welcome'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 切换语言示例
                setState(() {
                  Locale myLocale = Localizations.localeOf(context);
                  if (myLocale.languageCode == 'en') {
                    Localizations.overrideLocaleOf(context, Locale('zh'));
                  } else {
                    Localizations.overrideLocaleOf(context, Locale('en'));
                  }
                });
              },
              child: Text(_i10n.translate('goodbye')),
            ),
          ],
        ),
      ),
    );
  }
}

5. 运行项目

确保所有配置正确后，运行你的Flutter项目。你应该能够看到根据设备语言或手动切换语言后的文本变化。

注意事项

• 确保翻译文件的命名和路径与I10nTranslatorDelegate中的配置一致。
• localeResolutionCallback函数用于决定应用启动时使用的语言，可以根据实际需求进行调整。
• 切换语言时，通过调用Localizations.overrideLocaleOf来动态改变当前上下文的语言环境。

这样，你就成功地在Flutter项目中使用了i10n_translator插件来实现国际化翻译。