SwiftUI 如何管理一组TextField(零基础教程)

欢迎订阅专栏《SwiftUI 2020教程》

我们有一组TextField，如果简单高效的管理他们呢。

本文价值与收获

看完本文后，您将能够作出下面的界面

image.png

联动效果

看完本文您将掌握的技能

• 管理一组TextField
• 使用ScrollView
• 设置圆形TextField

代码

代码语言：txt复制

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

swift ios

0 人点赞