可以通过以下步骤实现:
List
视图来展示一个可滚动的列表,并且每个列表项都可以被删除。struct ContentView: View {
@State private var items = ["Item 1", "Item 2", "Item 3"]
var body: some View {
List {
ForEach(items, id: \.self) { item in
Text(item)
}
.onDelete(perform: deleteItem)
}
}
func deleteItem(at offsets: IndexSet) {
items.remove(atOffsets: offsets)
}
}
@State
属性包装了一个名为items
的数组,用于存储列表中的条目。@State
属性可以跟踪数据的变化,并在数据发生变化时自动刷新视图。List
视图中,我们使用ForEach
循环遍历items
数组,并为每个条目创建一个Text
视图。id: \.self
表示使用数组中的每个元素作为唯一标识符。List
视图中,我们使用.onDelete
修饰符来添加删除功能。当用户滑动列表项并点击删除按钮时,deleteItem
函数将被调用。deleteItem
函数中,我们使用remove(atOffsets:)
方法从items
数组中删除指定的索引集合。这样,当用户删除列表中的条目时,相应的条目将从列表中移除。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云