SwiftUI WatchOS：删除TabView页面时避免重置至首页的方法

问题根源在于删除页面时，page绑定的标签值可能已从pageIds中移除，TabView找不到匹配标签就会默认重置到第一个页面，且原代码未主动更新选中状态来匹配删除后的页面列表。

修改后的代码核心是在删除页面之前先将page更新为有效的标签值，确保TabView选中状态始终合法：

struct ContentView: View {
    @State var page: Int = 0
    @State var pageIds: [Int] = [0]
    
    var body: some View {
        TabView(selection: $page) {
            ForEach(pageIds, id: \.self) { id in
                VStack {
                    Text("Page \(id)")
                    Button("Delete Page", action: {
                        guard let index = pageIds.firstIndex(of: id) else { return }
                        
                        // 处理选中页面的更新逻辑
                        if page == id {
                            // 当前删除的是选中页
                            if index > 0 {
                                // 非首页，跳转至前一页
                                page = pageIds[index - 1]
                            } else if pageIds.count > 1 {
                                // 删除首页且还有其他页面，自动选中第二页
                                page = pageIds[1]
                            }
                        } else {
                            // 删除的非选中页，若当前页在删除页之后，同步调整选中id
                            if let currentIndex = pageIds.firstIndex(of: page), currentIndex > index {
                                page = pageIds[currentIndex - 1]
                            }
                        }
                        
                        pageIds.remove(at: index)
                    })
                }.tag(id)
            }
            Button("Add Page", action: {
                pageIds.append((pageIds.last ?? 0) + 1)
            }).tag("test")
        }
        .tabViewStyle(.carousel)
    }
}

关键逻辑说明 #

1. 优先更新选中状态：在移除列表元素前，先判断当前选中页是否为待删除页，根据位置设置新的选中id；
2. 处理非选中页删除场景：如果删除的页面在当前选中页之前，当前页的索引会前移，需同步更新page值以匹配新的列表位置；
3. 避免无效标签：确保page始终指向pageIds中存在的id，防止TabView因找不到匹配标签而重置到首页。

内容的提问来源于stack exchange，提问作者fadipon