IOS第三次作業——data binding

余思菲
海大 SwiftUI iOS / Flutter App 程式設計
3 min readNov 11, 2019

App操作影片:

https://streamable.com/c7nmb

GitHub連結:

這一次App內容與食物相關,第一個頁面是問你是否想吃美食:

如果選擇不吃,會出現:

如果在選擇食物時沒有想吃的,可以跳轉到下一個頁面(利用 function sheet 切換頁面),多拉A夢來幫忙:

實現代碼,使用Alert,只要一按下button就會跳出提示:
VStack{
VStack{
Text("多拉A夢幫你實現願望")
TextField("你想吃的食物", text: $food)
.padding()
.overlay(RoundedRectangle(cornerRadius: 20).stroke(Color.yellow, lineWidth: 5))
.padding()
}.background(Image("03")
.opacity(0.5))
Button(action:{
self.showAlert = true
}){
VStack{
Text("完成!")
}
}.alert(isPresented: $showAlert) { () -> Alert in
return Alert(title: Text("多拉A夢收到你的願望了!"))
}
}

dark mode:

--

--