Question

我有一个带有两个选项卡（选项卡 A 和 B）的选项卡视图。

单击选项卡 A 可打开主视图。在该主视图中有指向第 1 页的导航链接。在第 1 页中还有指向第 2 页的链接。当用户在第 1 页或第 2 页时，我点击 Tab A，它不会恢复到主视图。同样，如果用户再次点击 Tab B 和 Tab A，它会返回第 1 页或第 2 页（以用户所在的位置为准），而不是主视图。

如何在两种情况下重置导航堆栈？

谢谢！

Answer 1

那是因为视图不会被重新渲染。以下是如何实现您的行为的可能方法：

您可以对 TabView 使用 ProxyBinding 来检测更改，然后通过更改内部 State 变量来重置 NavigationLink。

struct ContentView: View {
    @State var activeView: Int = 0
    @State var showNavigation: Bool = false
    var body: some View {
        TabView(selection: Binding<Int>(
                    get: {
                        activeView
                    }, set: {
                        activeView = $0
                        showNavigation = false //<< when pressing Tab Bar Reset Navigation View
                    }))
        {
            NavigationView {
                NavigationLink("Click", destination: Text("Page A"), isActive: $showNavigation)
            }
            .tabItem {
                Image(systemName: "1.circle")
                Text("First")
            }
            .tag(0)
            
            Text("Second View")
            .padding()
            .tabItem {
                Image(systemName: "2.circle")
                Text("Second")
            }
            .tag(1)
        }
    }
}

Answer 2

您可以使用 MainView

创建 RootView


    import SwiftUI

    struct RootView: View {
        
        @ObservedObject var viewModel = RootViewModel()
        
        init(){
            viewModel.prepare()
        }
        var body: some View {
            MainView(tab: viewModel.mainTab)
                .id(UUID().uuidString)
        }
    }

使用监听器创建 RootViewModel 以进行屏幕更新


    import SwiftUI

    class RootViewModel: ObservableObject{
        
        @Published var mainTab: SelectedTab = .firstTab
        let mainScreenNotification = NSNotification.Name("mainScreenNotification")
        private var observerMain: Any?
        
        
        func prepare(){
            observerMain = NotificationCenter.default.addObserver(forName: mainScreenNotification, object: nil, queue: nil, using: { [unowned self] notification in
                self.mainTab = (notification.userInfo?["selectedTab"])! as! SelectedTab
            })
        }
    }

    enum SelectedTab {
      case firstTab, secondTab
    }

运行此操作以从标签子级扩展新标签屏幕：


    NotificationCenter.default.post(name: 
       NSNotification.Name("mainScreenNotification"), 
       object: nil,  
       userInfo: ["selectedTab": SelectedTab.firstTab]
    )

在 TabView 中重置 NagivationView 堆栈

2 个答案: