其實dart的語法蹲诀,加上flutter的英文文檔岸晦,讓有只有js開發(fā)基礎(chǔ)的小伙伴來說,還是比較容易懵逼的摧阅。所以在這個系列中汰蓉,我會盡量的分享一些常用控件的小demo出來,大家一起進步棒卷。
今天要說的就是常用的時間(日期)控件 - DatePicker
先放出官方文檔:傳送門
說實話顾孽,剛看到我也有一句xxx不知當講不當講。比规。
那我們就接著上一篇的內(nèi)容若厚,把這個時間控件寫到一個tab中(注:上一篇的傳送門)。
1. 首先我們來實現(xiàn)一個簡單的功能蜒什,就是點擊按鈕测秸,顯示當前的時間。
來直接看代碼:
這樣我們每次點擊按鈕灾常,結(jié)果中都顯示的是當前的時間霎冯,接下來我們來加入datePicker控件
首先我們參照官方文檔,得到以下的東東
1.? Future 類
????Future<DateTime> 實例(Future 實例會在計算結(jié)束后返回結(jié)果)钞瀑,返回的是一個DateTime對象
2. 必需項 :
????context(上下文)沈撞,?
????initialDate(初始日期)--- 定義控件打開時默認選擇日期?
????firstDate(最初日期)??--- 定義控件最早可以選擇的日期
????lastDate(最晚日期)--- 定義控件最晚可以選擇的日期
來直接看代碼:
因為showDatePicker返回的是一個DateTime對象,那我們就直接定義一個DateTime的對象:_picked 來獲取showDatePicker返回的值雕什,然后在function中用setState方法給_dateTime賦值缠俺。 這樣一個datepicker控件就搞定了,還算簡單吧贷岸。
那舉一反三壹士,一個時間控件也就是輕松+愉快了
那今天就到此為止咯
flutter 中文社區(qū)(官方QQ群:338252156)