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;
      });
    },
  );
}

GitHub

https://github.com/icemanbsi/flutter_time_picker_spinner