SwiftUI ForEach.onDelete在TabView中无法正常工作_TabView在iOS13 SwiftUI上无法正常工作_操作按钮在SwiftUI中无法正常工作 - 腾讯云开发者社区

SwiftUI是一种用于构建跨平台应用程序的现代化UI框架，它提供了一种声明式的方式来创建用户界面。SwiftUI中的ForEach.onDelete是一个用于在列表中删除元素的修饰符。然而，在TabView中使用该修饰符时可能会遇到一些问题。

TabView是一种容器视图，用于在不同的选项卡之间切换。由于TabView的工作方式，它会在每次切换选项卡时重新加载视图。这导致了在TabView中使用ForEach.onDelete时无法正常工作的问题。

解决这个问题的一种方法是使用@State和@Binding属性包装器来管理列表中的数据。通过将数据存储在状态属性中，并使用绑定将其传递给列表视图，可以确保在删除元素时更新视图。

以下是一个示例代码，演示了如何在TabView中使用ForEach.onDelete修饰符：

import SwiftUI

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

    var body: some View {
        TabView {
            NavigationView {
                List {
                    ForEach(items, id: \.self) { item in
                        Text(item)
                    }
                    .onDelete(perform: deleteItem)
                }
                .navigationTitle("Tab 1")
            }
            .tabItem {
                Image(systemName: "1.circle")
                Text("Tab 1")
            }

            Text("Tab 2")
                .tabItem {
                    Image(systemName: "2.circle")
                    Text("Tab 2")
                }
        }
    }

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

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在这个示例中，我们使用@State属性包装器来存储列表中的数据项。然后，我们将该数据项传递给ForEach视图，并使用onDelete修饰符指定删除操作的回调函数。在deleteItem函数中，我们使用remove(atOffsets:)方法从数据项中删除选定的元素。

这是一个简单的示例，演示了如何在TabView中使用ForEach.onDelete修饰符。根据具体的应用场景和需求，你可以根据需要进行修改和扩展。

腾讯云提供了一系列与移动开发和云计算相关的产品和服务，例如云服务器、云数据库、云存储等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。