码迷,mamicode.com
首页 > 其他好文 > 详细

flutter showDatePicker显示中文日期_Flutter时间控件显示中文

时间:2020-02-24 12:54:14      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:import   国际   显示   data   col   pack   picker   sde   ted   

flutter showDatePicker showTimePicker显示中文日期

1、配置flutter_localizations依赖

找到pubspec.yaml配置flutter_localizations

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter

2、导入国际化的包 flutter_localizations

import ‘package:flutter_localizations/flutter_localizations.dart‘; 
如果无效就安装一下flutter pub get

3、设置国际化

void main() {
  runApp(
    new MaterialApp(
      title: ‘app‘,
      theme: new ThemeData(
        primaryColor: Colors.white,
      ),
      home: new MyLoginWidget(),
      localizationsDelegates: [
        //此处 系统是什么语言就显示什么语言
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        //此处 系统是什么语言就显示什么语言
        const Locale(‘zh‘, ‘CH‘),
        const Locale(‘en‘, ‘US‘),
      ],
    ),
  );
}

4、要显示中文的控件设置:

 

_showDatePicker() async{
    var date =await showDatePicker(
      context: context,
      initialDate: _datetime,
      firstDate:DateTime(1900),
      lastDate:DateTime(2050),
      locale: Locale(‘zh‘), // 强制显示中文 如果报错就删除,跟随系统语言显示
    );
    if(date==null) return;
    print(date);
    setState(() {
       _datetime=date;
    });
  }

flutter showDatePicker显示中文日期_Flutter时间控件显示中文

标签:import   国际   显示   data   col   pack   picker   sde   ted   

原文地址:https://www.cnblogs.com/zhaofeis/p/12356402.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!