Web 应用程序的语言环境始终是“en” Flutter

Question

我的应用可以从 Android 和 iOS 正确获取设备区域设置，但不能从 Web 获取。我使用ui.dart 包将网络语言环境语言代码设为ui.window.locale.languageCode。在我的 Mac 中，我将系统语言设置为意大利语，时区设置为意大利，定位服务设置为启用，但是当我在 Chrome 上运行我的应用程序时，它总是返回“en_”。 有什么我想做的吗？ 这是 main() 中的代码：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
//    Locale myLocale = Localizations.localeOf(context);
    return MaterialApp(
        title: '',
        color: Colors.red,
        localizationsDelegates: [
          const AppLocalizationsDelegate(),
          GlobalMaterialLocalizations.delegate,
          GlobalCupertinoLocalizations.delegate,
          GlobalWidgetsLocalizations.delegate,
        ],
        supportedLocales: [
          const Locale('en', 'US'),
          const Locale('it', 'IT')
//        const Locale('es', 'ES'),
        ],
        localeResolutionCallback:
            (Locale locale, Iterable<Locale> supportedLocales) {
          for (Locale supportedLocale in supportedLocales) {
            if (kIsWeb) {
              Locale webLocale = Locale(ui.window.locale.languageCode, '');
              print('system locale is ${webLocale}');
              return webLocale;
            } else if (supportedLocale.languageCode == locale.languageCode ||
                supportedLocale.countryCode == locale.countryCode) {
              print('device Locale is $locale');
              return supportedLocale;
            }
          }
          return supportedLocales.first;
        },
...

Answer 1

最后，master 分支上的语言环境按预期工作。 更新到 Channel master，1.19.0-4.0.pre.73 解决了这个问题。

Answer 2

我昨天在 iOS 和 Web 上遇到了同样的问题。我用this answer 解决了iOS 问题。我想 Web 应用程序的问题将在未来得到解决（Web 不被视为稳定的 Flutter 功能）。

如果您确实需要在 iOS、Android 和 Web 上创建国际化应用，可以使用this package。

FutureBuilder<Locale>(
  future: DeviceLocale.getCurrentLocale(),
  builder: (context, localeData) {
    if(!localeData.hasData) return Container( color: Colors.white);
    Locale locale = localeData.data;
    return MaterialApp(
      // localizationsDelegates, supportedLocales, ...

      // « _ » is the locale detected by flutter
      // You should use the locale detected by the library instead
      localeResolutionCallback: (_, supportedLocales) {
        for (var supportedLocaleLanguage in supportedLocales) {
          if (supportedLocaleLanguage.languageCode == locale.languageCode) return supportedLocaleLanguage;
        }

        // If device not support with locale to get language code then default get first on from the list
        return supportedLocales.first;
      }
    );
  },
);

您可以调用“Localizations.localeOf(context)”来获取 MaterialApp 小部件子级中的语言环境。

这个包目前似乎与桌面应用程序不兼容。

我没有在 Flutter Github 页面的“问题”选项卡上查看问题是否已发出信号。也许我应该在今晚发出信号。