Time Picker
Time Picker inspired by Oppo Clock app set alram time screen with full customization
Features
- Easy to use
- Fully customizable
Getting started
dependencies:
...
time_picker_wheel: <version>
Usage
import 'package:time_picker_wheel/time_picker_wheel.dart';
Defualt style
TimePicker(
onChange: (timeOfDay) {
},
),
Customize style
TimePicker(
onChange: (timeOfDay) {
},
options: TimePickerOptions.byDefault(
height: 200,
itemExtent: 30,
diameterRatio: 1,
selectedRowHeight: 70,
fontOpacity: 1,
fontColor: Colors.purple,
labelSize: 25,
numberSize: 25,
amPmSize: 15,
amPmWidth: 25,
wheelWidth: 50,
selectedRowHorizontalPadding: double.maxFinite,
selectedRowHorizontalBorderRadius: 0,
selectedRowForegroundColor: Colors.black,
selectedRowBackgroundColor: Colors.amber,
),
),
Example
Screenshot | Gif |
---|---|