flutter中 如何一键更改语言 使用intl插件

使用intl插件可以轻松实现Flutter应用的多语言支持，可以通过设置Locale来更改应用的语言。

以下是一键更改语言的步骤：

1. 在pubspec.yaml文件中添加intl插件依赖：

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.17.0

2. 在main.dart文件中导入intl库：

import 'package:intl/intl.dart';

3. 创建一个全局变量来存储当前的Locale：

Locale _locale;

4. 在应用程序的根部Widget中添加一个方法来更改Locale：

void _changeLanguage(Locale locale) {
  setState(() {
    _locale = locale;
  });
}

5. 在应用程序的根部Widget中添加一个方法来获取应用程序的当前Locale：

Locale _getCurrentLocale() {
  return _locale ?? window.locale;
}

6. 在根部Widget的build方法中使用Intl库来获取本地化字符串：

@override
Widget build(BuildContext context) {
  return MaterialApp(
    title: 'Flutter Demo',
    locale: _getCurrentLocale(),
    localizationsDelegates: [
      GlobalMaterialLocalizations.delegate,
      GlobalWidgetsLocalizations.delegate,
      GlobalCupertinoLocalizations.delegate,
      AppLocalizations.delegate,
    ],
    supportedLocales: [
      const Locale('en', 'US'),
      const Locale('zh', 'CN'),
    ],
    home: MyHomePage(
      title: 'Flutter Demo Home Page',
      onLanguageChange: _changeLanguage,
    ),
  );
}

7. 在MyHomePage中添加一个DropdownButton用于选择语言：

DropdownButton<Locale>(
  value: _getCurrentLocale(),
  onChanged: (locale) {
    widget.onLanguageChange(locale);
  },
  items: [
    DropdownMenuItem(
      value: const Locale('en', 'US'),
      child: Text('English'),
    ),
    DropdownMenuItem(
      value: const Locale('zh', 'CN'),
      child: Text('中文'),
    ),
  ],
),

这样就可以实现一键更改Flutter应用的语言了。当用户选择一个新的语言时，应用程序的Locale会更改，并且所有的本地化字符串都会自动更新为新的语言。