SwiftUI中级List如何添加新内容(2020年教程)

发布时间：2020-09-08 17:42:08 阅读：134 作者：iCloudEnd 栏目：编程语言

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

功能说明

如何使用List循环显示array内容
.self 作为id的使用
如何更新List内容
TextField基础使用

代码

import SwiftUI

struct ListAddItemView: View {
  @State var products = ["手机","电脑","水杯"]
  @State var pName:String = ""
  var body: some View {
    VStack{
      TextField("新商品:",text: self.$pName)
      Button(action:{
        print("hello")
        if (self.pName != "")
        {
          self.products.append(self.pName)
          self.pName = ""
          
        }
        
      }){
        Text("添加一个商品")
      }
      
      List(products,id:\.self){ item in
        Text(item)
        
      }
      
    }
    
    
  }
}

效果

SwiftUI中级List如何添加新内容(2020年教程)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持亿速云。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

SwiftUI中级List如何添加新内容(2020年教程)

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签