美文网首页
Flutter 日期插件中文设置 - showDatePick

Flutter 日期插件中文设置 - showDatePick

作者: PHP的点滴 | 来源:发表于2020-01-20 13:05 被阅读0次

    在Flutter中,设置日期和时间的插件如何设置中文(国际化)
    即:showDatePicker&showTimePicker国际化

    1.添加国际化 flutter_localizations

    在/pubspec.yaml中添加:

    ...
    dependencies:
      flutter:
        sdk: flutter
      flutter_localizations: # 新增
        sdk: flutter         # 新增
    ...
    执行 flutter pub get 命令
    
    

    2.引入国际化插件

    /lib/main.dart中的 MaterialApp中加入以下代码:

          import 'package:flutter_localizations/flutter_localizations.dart'; 
          MaterialApp(
           localizationsDelegates: [
              GlobalMaterialLocalizations.delegate,
              GlobalWidgetsLocalizations.delegate,
            ],
            supportedLocales: [
              const Locale('zh', 'CH'),
              const Locale('en', 'US'),
            ],
            locale: const Locale('zh'),
            ...
          )
    

    3.showDatePicker,默认使用MaterialApp中的locale设置

    在pad中显示的效果

    4.showTimePicker,默认使用MaterialApp中的locale设置

    在pad中显示时间的效果

    如果自定义 locale 可以参考如下

    await showTimePicker(
        context: context,
        initialTime: TimeOfDay.now(),
        builder: (BuildContext context, Widget child) {
            return Localizations(
                locale: const Locale('zh'),
                child: child,
                delegates: <LocalizationsDelegate>[
                    GlobalMaterialLocalizations.delegate,
                    GlobalWidgetsLocalizations.delegate,
                ]
            )
        }
    )
    

    相关文章

      网友评论

          本文标题:Flutter 日期插件中文设置 - showDatePick

          本文链接:https://www.haomeiwen.com/subject/ialjzctx.html