iT邦幫忙

2022 iThome 鐵人賽

DAY 10
0
Mobile Development

Flutter Developer Learning SwiftUI系列 第 10

Flutter Developer Learning SwiftUI. @State var lesson10 = "日期挑選"

  • 分享至 

  • xImage
  •  

Today Preview

Yes

1. 正文

今天也是屬於比較單純的日子
主要就是給各位看看Data Picker有哪幾種style
分成 .compact .wheel .graphical
compact就是default
點了才會出現picker
wheel就是傳統的滾輪樣式
graphical則是月曆模式
以前的iOS只有wheel模式
graphical還必須裝套件

再來雖說叫做DatePicker
但也可以挑選時間
UIKit是用個enum來表示
現在則是使用displayedComponents這個array
但已經沒有count down這個mode了
所以要做倒數的date picker可能要用picker自己刻了

然後找了一下似乎都沒看到怎麼調整format相關的屬性或Modifier
所以Flutter的CupertinoDatePicker的use24hFormat啦dateOrder啦好像都沒辦法調整了囧囧囧⚠️⚠️⚠️
歡迎高手趕快留言打臉我

還有SwiftUI很多元件很喜歡init的時候叫你給他一個title(或label)
不給又不行
然後給了又不一定會顯示= =
如果會顯示的你不想顯示就要用.labelsHidden()
真的很脫褲子放屁

code裡雖然沒有寫到
但DatePicker可以限制可選範圍
用in給他一個Date range
例如Date()... 或 ...Date()

最後
偶然發現竟然有提供MultiDatePicker耶
讚讚,這個滿實用的
但是竟然要iOS16有QQ
那就當作沒有


2. 對照表

Android iOS Flutter(Material) Flutter(Cupertino) SwiftUI
DatePickerDialog UIDatePicker showDatePicker/showTimePicker CupertinoDatePicker DatePicker

Tomorrow Preview

Yes


跨界學習系列文章

Android版:iOS Developer Learning Android. Lesson 13 - Spinner + DatePickerDialog (UIPickerView的代替品:下拉選單)
Flutter版:iOS Developer Learning Flutter. Lesson9 選擇器


https://github.com/mark33699/FDLS


上一篇
Flutter Developer Learning SwiftUI. @State var lesson9 = "挑選器"
下一篇
Flutter Developer Learning SwiftUI. @State var lesson11 = "對話框"
系列文
Flutter Developer Learning SwiftUI30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言