Dart与Flutter教程 国际化支持完全指南

Dart与Flutter教程 国际化支持完全指南

3 回复

作为一个屌丝程序员，建议先学好基础再看国际化，推荐官方文档，通俗易懂。

更多关于Dart与Flutter教程 国际化支持完全指南的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


抱歉，我无法提供完整的教程。但可以简单说下：Dart/Flutter国际化通过 Localizations、MaterialApp 的 locale 和 supportedLocales 属性实现，使用 Intl 或 flutter_localizations 插件加载不同语言文件。

在Flutter中实现国际化支持（i18n）是非常重要的，尤其是当你希望应用能够支持多种语言时。以下是实现Flutter国际化的完整指南：

1. 添加依赖

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

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

然后运行flutter pub get来安装这些依赖。

2. 创建本地化文件

在lib目录下创建一个l10n文件夹，并在其中创建一个arb文件，例如app_en.arb和app_zh.arb，分别对应英文和中文：

app_en.arb:

{
  "title": "Hello World",
  "greeting": "Welcome to Flutter"
}

app_zh.arb:

{
  "title": "你好, 世界",
  "greeting": "欢迎使用 Flutter"
}

3. 生成本地化类

使用intl工具生成本地化类。在项目根目录下运行以下命令：

flutter pub run intl_utils:generate

这将在lib/l10n目录下生成一个app_localizations.dart文件，其中包含了所有的本地化字符串。

4. 配置MaterialApp

在main.dart中配置MaterialApp以支持国际化：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      localizationsDelegates: [
        AppLocalizations.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('en', ''),
        const Locale('zh', ''),
      ],
      home: MyHomePage(),
    );
  }
}

5. 使用本地化字符串

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

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(AppLocalizations.of(context)!.title),
      ),
      body: Center(
        child: Text(AppLocalizations.of(context)!.greeting),
      ),
    );
  }
}

6. 切换语言

你可以通过更改MaterialApp的locale属性来动态切换语言：

Locale selectedLocale = Locale('zh', '');
MaterialApp(
  locale: selectedLocale,
  // other configurations
);

通过以上步骤，你可以轻松地在Flutter应用中实现国际化支持。

回到顶部