SwiftUI 中級List如何添加新內容（2020年教程）

功能說明

如何使用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)
                
            }
            
        }
        
        
    }
}

效果

[email protected]

更多SwiftUI教程和代碼關注專欄

請關注我的專欄 SwiftUI教程與源碼

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

智能推薦

SwiftUI 官方教程（十）

由于 API 變動，此文章部分內容已失效，最新完整中文教程及代碼請查看 https://github.com/WillieWangWei/SwiftUI-Tutorials 創建 watchOS App 本教程為你提供一個將你已經學到的關于 SwiftUI 的知識應用到自己的產品上的機會，并且不費吹灰之力就可以將 Landmarks app 遷移到 watchOS 上。首先，給項目添加一個 wa...

SwiftUI 官方教程（一）

由于 API 變動，此文章部分內容已失效，最新完整中文教程及代碼請查看 https://github.com/WillieWangWei/SwiftUI-Tutorials SwiftUI 簡介 SwiftUI 是一種為任何 Apple 平臺聲明用戶界面的現代化方式。以前所未有的速度，創建漂亮、動態的應用程序。只需要描述一次的布局為你的視圖聲明任何狀態的內容和布局，一旦狀態發生改變， Swif...

SwiftUI 新業務并行處理

實戰需求新業務可以停止之前舊業務實戰代碼...

SwiftUI之List 和form（2020版）

SwiftUI之List 和form（2020版） VStack 效果 image.png List 效果 image.png List with header & footer 效果 image.png List & navigation Treat.swift 效果 image.png 完成代碼效果 image.png...

SwiftUI Button 基礎教程

Button 觸發時執行操作的控件使用教程您可以通過提供操作和標簽來創建按鈕。操作是一個方法或閉包屬性，當用戶單擊或輕觸按鈕時，它會執行某些操作。標簽是描述按鈕操作的視圖，例如，通過顯示文本（如取消）或圖標（如后退箭頭）。代碼 iOSButton效果 macOS代碼 tvOS代碼推薦基礎文章推薦《SwiftUI是什么，聽聽大牛們如何說》經典教程推薦更新近百篇SwiftUI教程《Sw...