flutter_time_picker_spinner
一个 Flutter 小部件,可使用旋转器而不是 Material 时间选择器来设置时间。
12小时制
24小时制
带秒的24小时制
自定义样式
入门
此项目是Dart的起点
包,
一个库模块,其中包含可以轻松共享的代码
多个Flutter或Dart项目。
如需获取 Flutter 入门帮助,请参阅我们的
在线文档,其中提供了教程,
示例、移动开发指南和完整的 API 参考。
Props
| props | types | 默认值 |
|---|---|---|
| time | DateTime(日期时间) | 当前时间 [ DateTime.now() ] |
| 分钟间隔 | 整数 | 1 |
| 秒间隔 | 整数 | 1 |
| 是否为24小时模式 | 布尔值 | 真 |
| 是否显示秒 | 布尔值 | 假 |
| 是否显示秒 | 布尔值 | 假 |
| 高亮文本样式 | TextStyle | 假 |
| 普通文本样式 | TextStyle | 假 |
| 项目高度 | 双精度 | 60.0 |
| 项目宽度 | 双精度 | 45.0 |
| spacing | 双精度 | 20.0 |
| alignment | AlignmentGeometry | Alignment.centerRight |
| 是否强制显示两位数 | 布尔值 | 假 |
| 时间改变回调 | TimePickerCallback |
用法
import 'package:flutter_time_picker_spinner/flutter_time_picker_spinner.dart';
Widget widget() {
return new TimePickerSpinner(
is24HourMode: false,
normalTextStyle: TextStyle(
fontSize: 24,
color: Colors.deepOrange
),
highlightedTextStyle: TextStyle(
fontSize: 24,
color: Colors.yellow
),
spacing: 50,
itemHeight: 80,
isForce2Digits: true,
onTimeChange: (time) {
setState(() {
_dateTime = time;
});
},
);
}