Flutter cupertino style date picker

admin

Flutter cupertino style date picker.

Flutter Cupertino Date Picker

Flutter cupertino date picker.

Example

Usage

1. Depend

Add this to you package’s pubspec.yaml file:

dependencies:   flutter_cupertino_date_picker: ^0.3.0

2. Install

Run command:

$ flutter packages get

3. Import

Import in Dart code:

import 'packages:flutter_cupertino_date_picker/flutter_cupertino_date_picker.dart';

4. Display DatePicker

///

/// context: BuildContext.

/// showTitleActions: Display confirm and cancel button in title bar or not.

/// local: i18n, ‘zh’ for Chinese, default is English.

/// minYear: Min value of year’s selection range. Default is 1900.

/// maxYear: Max value of year’s selection range. Default is 2100.

/// initialYear: Initial value of year.

/// initialMonth: Initial value of month.

/// initialDate: Initial value of date.

/// cancel: Custom cancel button.

/// confirm: Custom confirm button.

/// dateFormat: Format English months.

/// onChange: An option callback when the currently selected datetime changes.

/// onConfirm: An option callback when tap the confirm button in title bar.

DatePicker.showDatePicker(

  context,

  showTitleActions: true,

  locale: ‘zh’,

  minYear: 1970,

  maxYear: 2020,

  initialYear: 2018,

  initialMonth: 6,

  initialDate: 21,

  cancel: Text(‘custom cancel’),

  confirm: Text(‘custom confirm’),

  dateFormat: ‘yyyy-mm-dd’

  onChanged: (year, month, date) { },

  onConfirm: (year, month, date) { },

);

showTitleActions: false

Example: showTitleActions=false

locale: ‘zh’

i18n, default is English

Thanks to: Robbie Boyd

Example: locale=zh

dateFormat: ‘yyyy-mmm-dd’

Just support English months.

It will also put the Pickers in the same order. The date String output does not change

dd-mm-yyyy -> 1-10-2018
dd-mmm-yyyy -> 1-Oct-2018
dd-mmmm-yyyy -> 1-October-2018
Example: dateFormat

Credit (github url) : https://github.com/wuzhendev/flutter-cupertino-date-picker

Next Article : https://flutterappdev.com/2019/01/26/a-widget-that-displays-a-collection-of-dispersed-non-overlapping-children/

Leave a Comment