Flutter国际化插件easy_localization_yaml的使用

Flutter国际化插件easy_localization_yaml的使用

YamlAssetLoader 是一个替换 easy_localization_loader 包中加载器的工具。它允许你避免导入其他不需要的加载器，从而减少不必要的依赖。此外，它还支持通过 package 参数从包中加载资源。

示例

以下是使用 easy_localization_yaml 的完整示例代码。

import 'package:easy_localization/easy_localization.dart';
import 'package:easy_localization_yaml/easy_localization_yaml.dart';
import 'package:flutter/material.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await EasyLocalization.ensureInitialized();

  runApp(
    EasyLocalization(
      // 使用 YamlAssetLoader 替换默认的 AssetLoader
      assetLoader: const YamlAssetLoader(directory: 'assets/translations'),
      fallbackLocale: const Locale('en'),
      path: 'unused', // 这里可以忽略，因为我们将使用 YAML 文件
      startLocale: const Locale('en'),
      supportedLocales: const [Locale('en')],
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'easy_localization_yaml',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: MyHomePage(),

      // 设置本地化信息
      locale: context.locale,
      localizationsDelegates: context.localizationDelegates,
      supportedLocales: context.supportedLocales,
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text('hello'.tr()), // 使用 tr() 方法进行本地化
      ),
    );
  }
}

步骤说明

1. 导入必要的库：

   import 'package:easy_localization/easy_localization.dart';
   import 'package:easy_localization_yaml/easy_localization_yaml.dart';
   import 'package:flutter/material.dart';
   

2. 初始化应用：

   Future<void> main() async {
     WidgetsFlutterBinding.ensureInitialized();
     await EasyLocalization.ensureInitialized();
   
     runApp(
       EasyLocalization(
         assetLoader: const YamlAssetLoader(directory: 'assets/translations'),
         fallbackLocale: const Locale('en'),
         path: 'unused',
         startLocale: const Locale('en'),
         supportedLocales: const [Locale('en')],
         child: MyApp(),
       ),
     );
   }
   

   • assetLoader：指定使用 YamlAssetLoader 加载 YAML 文件。
   • fallbackLocale：设置默认语言为英语。
   • path：这里可以忽略，因为我们使用 YAML 文件。
   • startLocale：设置启动时使用的语言。
   • supportedLocales：设置支持的语言列表。

3. 创建主应用组件：

   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         title: 'easy_localization_yaml',
         theme: ThemeData(
           colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
           useMaterial3: true,
         ),
         home: MyHomePage(),
         
         // 设置本地化信息
         locale: context.locale,
         localizationsDelegates: context.localizationDelegates,
         supportedLocales: context.supportedLocales,
       );
     }
   }
   

4. 创建首页组件：

   class MyHomePage extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           backgroundColor: Theme.of(context).colorScheme.inversePrimary,
           title: Text('hello'.tr()), // 使用 tr() 方法进行本地化
         ),
       );
     }
   }