SwiftUI—如何使列表同时支持删除和移动记录的功能

简介: SwiftUI—如何使列表同时支持删除和移动记录的功能

本节课演示如何给一个列表,添加同时支持删除和移动记录的功能。


示例代码:


struct ContentView : View {
    @State var languages = ["Objective-C", "Swift", "Flutter"]
    var body: some View {
        NavigationView {
            List {
                ForEach(languages, id: \.self) { language in
                    Text(language)
                }
                .onDelete(perform: deleteItem)
                .onMove(perform: moveItem)
            }
            .navigationBarTitle(Text("Edit Row"), displayMode: .large)
            .navigationBarItems(trailing: EditButton())
        }
    }
    func deleteItem(at offsets: IndexSet) {
        if let first = offsets.first {
            languages.remove(at: first)
        }
    }
    func moveItem(from source: IndexSet, to destination: Int) {
        languages.move(fromOffsets: source, toOffset: destination)
    }
}


2466108-13216ab25f779ef3.webp.jpg


目录
相关文章
|
2月前
|
前端开发
Antd中Table列表行默认包含修改及删除功能的封装
Antd中Table列表行默认包含修改及删除功能的封装
43 0
|
10月前
|
前端开发
前端列表页+element-puls实现列表数据弹窗功能
前端列表页+element-puls实现列表数据弹窗功能
288 0
|
NoSQL MongoDB 开发者
文档的更新操作 | 学习笔记
快速学习 文档的更新操作
87 0
文档的更新操作 | 学习笔记
|
开发者 Python
列表的修改查询和删除|学习笔记
快速学习列表的修改查询和删除
85 0
列表的修改查询和删除|学习笔记
|
移动开发
H5新增获取元素方式
H5新增获取元素方式
151 0
SwiftUI—如何删除List列表里的记录
SwiftUI—如何删除List列表里的记录
309 0
SwiftUI—如何删除List列表里的记录
SwiftUI—如何调整记录在List列表里的顺序
SwiftUI—如何调整记录在List列表里的顺序
206 0
SwiftUI—如何调整记录在List列表里的顺序
SwiftUI—如何往一个List列表里插入新的记录
SwiftUI—如何往一个List列表里插入新的记录
286 0
SwiftUI—如何往一个List列表里插入新的记录
|
安全 数据库 NoSQL
创建 更新和删除文档
插入并保存文档 插入数据可以使用insert方法向目标集合插入一个文档。 db.foo.insert({"bar" : "baz"}) 批量插入 批量插入使用batchInsert函数实现批量插入,它与insert函数非常像,只是它接受的是一个文档数组作为参数。
964 0