iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 16
0
Mobile Development

[初探] 用 SwiftUI - 打造一個自助洗衣應用系列 第 16

第十六日、SwiftUI - 頁面的種種事情之3 篇 (sheet)

  • 分享至 

  • xImage
  •  

再來就是提到 sheet
在此處的 sheet 我是用在表單的傳遞

(圖 9/17上)
它的特色在於能用簡單的方式
叫出另外一個視圖出來

> struct ContentView: View {
>     @State var showingDetail = false
> 
>     var body: some View {
>         Button(action: {
>             self.showingDetail.toggle()
>         }) {
>             Text("Show Detail")
>         }.sheet(isPresented: $showingDetail) {
>             DetailView()
>         }
>     }
> }

引用連結
我們從這裡可以看出這個視圖製作了文字按鈕
其按鈕可以叫出視窗 DetailView()
裡面的判斷式也就是 $showingDetail

過程

    1. 文字按鈕被觸發時
    1. showingDetail.toggle() 觸發 (注一)
    1. @State var showingDetail = false會變成true (注二)
    1. sheet喚出DetailView()

(注一) //toggle布林型別的一大利器,能讓真變假、假變真
(注二) //@State 裡面包裹的變數能影響 body狀態變化,故當變成 true 時,視圖內也會變更


上一篇
第十五日、途中
下一篇
第十七日、SwiftUI - 關於@State 與 @Binding
系列文
[初探] 用 SwiftUI - 打造一個自助洗衣應用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言