Flutter自带时间日期组件显示中文设置原创

原创
小哥 3年前 (2022-11-11) 阅读数 175 #技术教程

flutter showDatePicker showTimePicker显示中国日期

1、配置flutter_localizations依赖

找到pubspec.yaml配置flutter_localizations

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

终端 运行:
flutter pub get

2、在 main.dart 将国际化包导入到文件中 flutter_localizations

import package:flutter_localizations/flutter_localizations.dart;   // 此处

3、在 main.dart 在文件中设置国际化。

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;
    });
  }
版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门