flutter国际化插件如何使用

在Flutter项目中想实现多语言支持，使用flutter_localizations插件时遇到几个问题：1) pubspec.yaml添加依赖后运行报错；2) 如何正确配置arb文件路径？3) 动态切换语言时界面不自动刷新。求具体实现步骤和常见问题解决方案，最好能提供完整示例代码。

2 回复

Flutter国际化可使用flutter_localizations和intl插件。步骤：

  1. 在pubspec.yaml添加依赖；
  2. 创建l10n.yaml配置文件；
  3. 在lib/l10n目录生成arb文件；
  4. 在MaterialApp中配置localizationsDelegates和supportedLocales；
  5. 使用AppLocalizations.of(context).hello调用翻译。

更多关于flutter国际化插件如何使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Flutter 国际化推荐使用官方 flutter_localizations 包，结合 intl 包实现。以下是简明步骤：

  1. 添加依赖 在 pubspec.yaml 中添加：
dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
  intl: any

dev_dependencies:
  flutter_test:
    sdk: flutter
  1. 创建本地化文件
  • 在项目根目录创建 l10n.yaml 文件：
arb-dir: lib/l10n
template-arb-file: app_en.arb
output-dir: lib/l10n
  • 在 lib/l10n 目录创建语言资源文件： app_en.arb（英文）:
{
  "helloWorld": "Hello World!",
  "@helloWorld": {
    "description": "Hello world message"
  }
}

app_zh.arb（中文）:

{
  "helloWorld": "你好世界！"
}
  1. 生成本地化类 运行命令生成代码：
flutter pub get
flutter gen-l10n
  1. 配置MaterialApp
import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'l10n/localizations.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: AppLocalizations.localizationsDelegates,
      supportedLocales: AppLocalizations.supportedLocales,
      home: MyHomePage(),
    );
  }
}
  1. 使用本地化文本
Text(AppLocalizations.of(context)!.helloWorld)

关键说明：

  • 修改 arb 文件后需重新运行 flutter gen-l10n
  • 可通过 Localizations.localeOf(context) 获取当前语言
  • 支持语言切换需配合 MaterialApp 的 locale 属性

这样就完成了国际化的基本配置。如需动态切换语言，可使用 provider 等状态管理工具更新 MaterialApp 的 locale 属性。

回到顶部