flutter如何实现本地化

在Flutter中如何实现应用的本地化？我想支持多语言切换功能，但不太清楚具体步骤。请问需要哪些依赖包？如何配置多语言文件？有没有示例代码可以参考？另外，如何动态切换语言而不需要重启应用？希望有经验的朋友能分享详细的实现方法。

2 回复

Flutter本地化通过flutter_localizations包实现。在pubspec.yaml添加依赖，使用MaterialApp的localizationsDelegates和supportedLocales配置。创建ARB文件管理多语言文案，通过AppLocalizations.of(context)调用。

更多关于flutter如何实现本地化的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现本地化（多语言支持）主要通过以下步骤：

1. 添加依赖

在 pubspec.yaml 中添加：

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
  intl: ^0.18.1

2. 创建本地化文件

在项目根目录创建 l10n 文件夹，添加：

  • app_en.arb（英文）
{
  "helloWorld": "Hello World!",
  "@helloWorld": {
    "description": "Hello world message"
  }
}
  • app_zh.arb（中文）
{
  "helloWorld": "你好世界！"
}

3. 配置 pubspec.yaml

启用本地化生成：

flutter:
  generate: true
  localizations:
    supported-locales:
      - en
      - zh

4. 在 MaterialApp 中配置

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en', ''), // 英语
        Locale('zh', ''), // 中文
      ],
      home: MyHomePage(),
    );
  }
}

5. 使用本地化文本

Text(AppLocalizations.of(context)!.helloWorld)

6. 切换语言

使用 locale 参数动态切换：

MaterialApp(
  locale: Locale('zh'), // 设置为中文
  // ... 其他配置
)

关键说明：

  • 运行 flutter gen-l10n 自动生成本地化类
  • 系统会自动生成 AppLocalizations 类
  • 支持语言切换时需要重启应用或使用状态管理

这样就完成了Flutter应用的本地化配置。

回到顶部