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


目录
相关文章
|
8月前
|
前端开发
Antd中Table列表行默认包含修改及删除功能的封装
Antd中Table列表行默认包含修改及删除功能的封装
189 0
|
6月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
93 0
|
开发者 Python
列表的修改查询和删除|学习笔记
快速学习列表的修改查询和删除
列表的修改查询和删除|学习笔记
SwiftUI—如何删除List列表里的记录
SwiftUI—如何删除List列表里的记录
387 0
SwiftUI—如何删除List列表里的记录
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—使用TabView包含和切换多个页面
965 0
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—如何调整记录在List列表里的顺序
SwiftUI—如何调整记录在List列表里的顺序
273 0
SwiftUI—如何调整记录在List列表里的顺序
SwiftUI—如何往一个List列表里插入新的记录
SwiftUI—如何往一个List列表里插入新的记录
337 0
SwiftUI—如何往一个List列表里插入新的记录
|
JavaScript 前端开发
前端案例:我的备忘录(支持事件的增加、删除和修改,代码完整)
前端案例:我的备忘录(支持事件的增加、删除和修改,代码完整)
280 0