SwiftUI數據選擇之Picker和Form完美配合

本文價值與收獲

看完本文后，您將能夠作出下面的界面

[email protected]

Jietu20200419-175711.gif

看完本文您將掌握的技能

掌握Picker基礎使用
掌握Form基礎
Picker和Form聯動

代碼

import SwiftUI

struct PickerForm: View {
    @State var countryIndex = 0
    @State var countries = ["蘋果","西瓜","芒果","獼猴桃"]
    var body: some View {
        NavigationView{
            Form{
                Section {
                    Picker(selection: self.$countryIndex, label: Text("水果")) {
                        ForEach(0 ..< self.countries.count) {
                            Text(self.countries[$0]).tag($0)
                            
                        }
                    }
                }
            }
        }
    }
}

struct PickerForm_Previews: PreviewProvider {
    static var previews: some View {
        PickerForm()
    }
}

技術交流

QQ:3365059189
SwiftUI技術交流QQ群:518696470

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/105629917

智能推薦

SwiftUI基礎之Picker帶圖片和圖標效果(教程和源碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] Jietu20200418-164811.gif 看完本文您將掌握的技能 Picker基礎使用 Picker顯示圖片代碼 1、制作行視圖 2、完成代碼...

SwiftUI實戰之多組選擇器Picker(2020教程)

在UIKit里我們可以使用UIPickerView實現多組聯合選擇器，但是在SwiftUI該如何實現呢? 本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] Jietu20200305-195926.gif 看完本文您將掌握的技能獲取到多組Picker源碼，用于自己到項目掌握套路，和tabview顯示未閱讀效果原理一樣《SwiftUI實...

SwiftUI入門之Form的基礎使用

本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] 看完本文您將掌握的技能了解什么Form 掌握Form和Section使用了解內置margins 什么是Form Form是SwiftUI的基礎控件，如果我們需要顯示產品配置、選項、用戶輸入時，使用Form可以快速搭建出各類表單。代碼技術交流 QQ:3365059189 SwiftUI...

SwiftUI實戰之form制作登錄界面

本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] Jietu20200420-164644.gif 看完本文您將掌握的技能 Form基礎使用融合TextField 使用枚舉類型enum 掌握Toggle使用憑借對聲明式用戶界面的優勢，SwiftUI為我們提供了一種構建表單的絕妙機制Form，從而解決了我們收集信息基礎需求。 SwiftU...

SwiftUI 實戰之如何讓Form中的Text居中

實戰需求 Form是SwiftUI最常用的數據收集組件，有時我們需要Text讓居中，該如何操作呢？本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] 看完本文您將掌握的技能掌握Form基礎使用兩套解決方案實現Text居中代碼 1、方案一 2、方案二項目完整代碼技術交流 QQ:3365059189 SwiftUI技術交流QQ群:51...