[Flutter package]簡單好用好擴充套件的時間日期選擇器

一、效果

時間	日期	中文時間日期	英文時間日期

二、使用

Pub GitHub

DatePicker.showDateTimePicker(context, showTitleActions: true, onChanged: (date) {
    print('change $date');
}, onConfirm: (date) {
    print('confirm $date');
}, currentTime: DateTime(2008, 12, 31, 23, 12, 34), locale: 'zh');
複製程式碼

其中currentTime如果不傳，就是用當前的時間

三、原理

1.這個時間日期選擇器受flutter-cupertino-date-picker啟發，對其原始碼進行了修改使其更加靈活，在此感謝這位作者

2.這個時間選擇器，上面是兩個按鈕，下面是三列選擇器，有三個滾動檢視

3.為了解耦，UI部分只負責展示內容，對顯示什麼內容不做判斷

4. 定義了介面BasePickerModel來輸出內容，這裡使用了工廠方法，想生成什麼樣的選擇器，就繼承BasePickerModel的類，過載對應的方法，所以上圖中不同的選擇器，其實只是工廠模型不同，UI部分是一樣的內容