渲染CupertinoDatePicker
Flutter默认使用的Android时间选择器并不漂亮。此外,其他一些插件要么使用的人太少,要么多年没有更新。比如flutter_datetime_picker是我最喜欢的风格,但是两年没更新了,一直报错Error: 'DatePickerTheme' has been imported from both,所以根本用不了。下面,我们将介绍CupertinoDatePicker在Flutter中的详细使用方法。
import import 'package:flutter/cupertino.dart'; add CupertinoDatePickerSizedBox(height: 200, //放入一个SizedBox内,限制高度child: CupertinoDatePicker(mode: CupertinoDatePickerMode.date, //设置仅日期模式InitialDateTime: DateTime.now(), //初始时间//必须存在以下时间限制,否则会报错: "_CupertinoDatePickerDateTimeState is only located for dateAndTime or time modes. ” Maximumyear: 2025,minimumyear: 2024,minimumDate: DateTime.now().add(const Duration( days: - 1)) , //最小可以选择的日期minimumDate: DateTime.now().add(const Duration(days: 300)), onDateTimeChanged: (date) { //Date是每次选择的日期print(date) ; }, ),), 对于国际化,请在pubspec.yaml 中添加flutter_localizations 或intl 并仅使用一个.
dependency: flutter: sdk: flutter #国际化flutter_localizations: sdk: flutter #或者使用intl intl: ^0.17.0 在MaterialApp下添加以下内容。
MaterialsApp( locale: Locale('zh', 'CH'), //默认中文。 //支持列表,中文const Locale('en', 'US'), //支持列表,英文],Another example of CupertinoTimePicker ElevatedButton( onPressed: () async { showModalBottomSheet( context: context, builder: ( context) { return CupertinoTimerPicker( mode: CupertinoTimerPickerMode.hms, //模式可以选择小时和分钟或添加秒分钟Interval: 1, //最小分钟间隔//设置默认时间。您可以自己设置路线,也可以像这样设置当前数据小时,分钟,秒initialTimerDuration:Duration(hours: 2, 分钟: 10, 分钟: 54), onTimerDurationChanged: (stime) { print('$stime'); setState (() { selectTimeStr2='$stime'; }); } ,);}) ;}, child: Text('$timeM2 $selectTimeStr2'))
标题:flutter日历插件,flutter timeline
链接:https://www.7kxz.com/news/gl/18594.html
版权:文章转载自网络,如有侵权,请联系删除!