SwiftUI 如何管理一組TextField(零基礎教程)

我們有一組TextField，如果簡單高效的管理他們呢。

本文價值與收獲

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

image.png

聯動效果

看完本文您將掌握的技能

管理一組TextField
使用ScrollView
設置圓形TextField

代碼

struct ContentView: View {
    @State var nation = ["QQ","3365059189",":3365059189","法國"]
    // @State var nation = ["美國",]
    var body: some View {
        ScrollView(.vertical){
            ForEach(nation,id:\.self){ item in
                HStack{
                    TextField(item,text: self.$nation[self.nation.firstIndex(of: item)!])
                        .textFieldStyle(RoundedBorderTextFieldStyle())
                        .frame(width:200)
                }
                
                
            }
            HStack{
                
                ForEach(nation,id:\.self){ item in
                    Text(item)
                }
            }
        }
    }
}

技術交流

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

請關注我的專欄icloudend, SwiftUI教程與源碼
 https://www.jianshu.com/c/7b3e3b671970

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

智能推薦

SwiftUI-基礎使用-1

參考：SwiftUI 教程基礎用法 Text Customize the Text View 自定義TextView VCtack:豎向布局 HStack:橫向布局 Spacer：空白 Image Create a Custom Image View 圖片 clipShape 切割方式 Use UIKit and SwiftUI Views Together 將UIKit與SwiftUI結合使用...

SwiftUI 繪圖之繪制一組線段并動態添加Path (教程含源碼)

實戰需求 SwiftUI 繪圖之繪制一組線段并動態添加Path 本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握 Path 繪制線段掌握 for 循環基礎使用掌握 stroke 基礎知識 stroke(style: StrokeStyle) 返回一個新的形狀，該形狀是self的描邊副本，使用style的內容定義描邊特征。...

SwiftUI 2.0 toolbar 和 ToolbarItem 基礎教程含源碼

一、基礎知識 toolbar(items:) 可將指定項目填充到工具欄或導航欄。（一）ToolbarItem 表示可放置在工具欄或導航欄中的項的模型。（二）ToolbarItem 分類二、使用教程 1、.bottomBar 該項放置在底部工具欄中。 bottomBar 使用代碼...

SwiftUI 2.0 matchedGeometryEffect 基礎教程含源碼

看完SwiftUI的新增功能后，引起我注意的一個功能是matchGeometryEffect。這是一個新的SwiftUI效果，可以在兩個視圖之間插入位置和大小。讓我們看看我們能用它做什么。基礎知識 matchedGeometryEffect 使用您提供的標識符和名稱空間定義一組具有同步幾何的視圖。使用教程 SwiftUI已經為我們內插視圖的屬性，而無需matchGeometryEffect...

SwiftUI 2.0 ProgressView 基礎教程含代碼

本文價值與收獲看完本文后，您將能夠作出下面的界面基礎知識 progressview 顯示任務完成進度的視圖。使用進度視圖可以顯示任務正在逐步完成。進度視圖可以顯示確定的（完成百分比）和不確定的（正在進行或不正在進行）類型的進度。通過初始化一個ProgressView來創建確定的進度視圖，該View綁定了一個表示進度的數字值和一個表示任務完成的總值。默認情況下，進度為0.0，總計為1.0。...