前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SwiftUI 如何管理一组TextField(零基础教程)

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

原创
作者头像
知识大胖
修改2020-02-27 10:38:32
1K0
修改2020-02-27 10:38:32
举报

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

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

本文价值与收获

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

image.png
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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 本文价值与收获
    • 看完本文后,您将能够作出下面的界面
      • 看完本文您将掌握的技能
        • 代码
          • 技术交流
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
          http://www.vxiaotou.com