DayNightTimePicker

一个用于 Flutter 的白天黑夜时间选择器。带有太阳和月亮资产的精美白天黑夜动画。

默认样式

DayNightTimePicker

iOS风格

example_ios_style

在pub.dev上查看

安装

添加到 pubspec.yaml。

dependencies:
  day_night_time_picker:

用法

要使用插件，只需导入包

import 'package:day_night_time_picker/day_night_time_picker.dart';

示例

FlatButton(
    onPressed: () {
        Navigator.of(context).push(
            showPicker(
                context: context,
                value: _time,
                onChange: onTimeChanged,
            ),
        );
    },
    child: Text(
        "Open time picker",
        style: TextStyle(color: Colors.white),
    ),
),

Props

名称 描述 默认值
value 必需 显示值。它接受 [TimeOfDay]。
onChange 必需 返回用户选择的新时间为 [TimeOfDay]。
onChangeDateTime 可选 返回用户选择的新时间为 [DateTime]。
is24HrFormat 以24小时格式显示TimePicker中的时间。 假
accentColor TimePicker的强调色。 Theme.of(context).accentColor
unselectedColor 应用于未选定选项（上午/下午，小时/分钟）的颜色。 Colors.grey
cancelText 取消按钮显示的文本。 cancel
okText 确定按钮显示的文本。 确定
sunAsset 用于太阳的图像资源。 提供的资源
moonAsset 用于月亮的图像资源。 提供的资源
blurredBackground 是否模糊[Modal]的背景。 假
barrierColor [Modal]背景的颜色。 Colors.black45
borderRadius [Container]的边框半径（以[double]为单位）。 10.0
elevation [Modal]的阴影（以[double]为单位）。 12.0
barrierDismissible 点击外部是否会关闭[Modal]。 真
iosStylePicker 是否显示iOS风格的选择器（不完全相同）。 假
hourLabel 要为小时选择器显示的标签。仅适用于iosStylePicker。 '小时'
minuteLabel 要为分钟选择器显示的标签。仅适用于iosStylePicker。 '分钟'
minuteInterval 更改分钟时的步长间隔。接受MinuteInterval枚举。 MinuteInterval.ONE
disableMinute 禁用分钟选择器。 假
disableHour 禁用小时选择器。 假
minHour 可选的最小小时。 默认为1[12小时制]或0[24小时制]
maxHour 可选的最大小时。 默认为12[12小时制]或23[24小时制]
minMinute 可选的最小分钟。 0
maxMinute 可选的最大分钟。 59
displayHeader 是否显示太阳月亮动画。 真
isOnValueChangeMode 是否隐藏okText、cancelText，并在每次onValueChange时返回value。仅适用于Inline widget 假
themeData 要用于该小部件的ThemeData。 Theme.of(context)

GitHub

https://github.com/subhamayd2/day_night_time_picker