SwiftUI中 动态List的生成与更新

在SwiftUI中,动态列表的生成和更新可以使用ForEach结构来实现。ForEach结构可以根据提供的数据生成多个视图,并根据数据的变化自动更新视图。

示例代码如下:

struct ContentView: View {
    @State var items: [String] = ["Item 1", "Item 2", "Item 3"]

    var body: some View {
        NavigationView {
            List {
                ForEach(items, id: \.self) { item in
                    Text(item)
                }
                .onDelete(perform: deleteItem)//左滑删除
            }
            .navigationBarItems(trailing: addButton)
        }
    }

    func deleteItem(at offsets: IndexSet) {
        items.remove(atOffsets: offsets)
    }

    var addButton: some View {
        Button(action: {
            items.append("New Item")
        }) {
            Image(systemName: "plus")
        }
    }
}

上述代码中,我们使用了ForEach结构来遍历items数组,根据数组的每个元素生成一个Text视图。我们使用id参数来确保每个元素在数组中的唯一性。

当我们点击列表中的某个元素时,我们可以通过onDelete参数调用deleteItem方法来删除相应的元素。

我们还添加了一个导航栏按钮,点击该按钮会向items数组中添加一个新的元素。

由于我们使用了@State属性包装items数组,当数组发生变化时,SwiftUI会自动重新渲染视图。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值