繁体   English   中英

SwiftUI TabView 和 NavigationView 混合 - 弹出到根目录不起作用

[英]SwiftUI TabView and NavigationView Mixed - Pop To Root doesn't work

似乎很明显,当我同时使用 TabView 和 NavigationView - Pop To Root 不起作用。 这是我实现的两个测试代码。 一种同时具有 tabView 和 NavigationView,一种仅具有 Navigation View。

  1. 带有 TabView 和 NavigationView 的代码
import SwiftUI

class Views: ObservableObject {
  @Published var stacked = false
}

struct ContentView: View {
  @ObservedObject var views = Views()
  @State var selection: Int = 0

  var body: some View {
    NavigationView {
      TabView(selection: $selection) {
        ContentView2()
      }
    }
    .environmentObject(views)
  }
}

struct ContentView2: View {
  @EnvironmentObject var views: Views
  var body: some View {
    NavigationLink(destination: ContentView3(), isActive: $views.stacked) {
      Text("Go to View 2")
    }
    .isDetailLink(false)
  }
}

struct ContentView3: View {
  @EnvironmentObject var views: Views

  var body: some View {
    VStack {
      Button("Pop to root") {
        self.views.stacked = false
      }
    }
    .navigationBarTitle("View 3")
  }
}

  1. 仅代码导航视图
  • 只需从代码中删除TabView括号,它就可以像魅力一样工作......

当我尝试在 tabview 中弹出到 root 时,显示一条日志Trying to pop to a missing destination at /Library/Caches/com.apple.xbs/Sources/Monoceros/Monoceros-120/Shared/NavigationBridge_PhoneTV.swift:341

有没有人找到办法顶 TabView 和 NavigationView,并实现 pop To Root?

试试这个:

import SwiftUI


struct ContentView: View {
    @State var isActive : Bool = false

    var body: some View {
        NavigationView {
            NavigationLink(
                destination: ContentView2(rootIsActive: self.$isActive),
                isActive: self.$isActive
            ) {
                Text("Hello, World!")
            }
            .isDetailLink(false)
            .navigationBarTitle("Root")
        }
    }
}

struct ContentView2: View {
    @Binding var rootIsActive : Bool

    var body: some View {
        NavigationLink(destination: ContentView3(rootIsActive: self.$rootIsActive)) {
            Text("Hello, World #2!")
        }
        .isDetailLink(false)
        .navigationBarTitle("Two")
    }
}

struct ContentView3: View {
    @Binding var rootIsActive : Bool

    var body: some View {
        NavigationLink(destination: ContentView4(shouldPopToRootView: self.$rootIsActive)) {
            Text("Hello, World #3!")
        }
        .isDetailLink(false)
        .navigationBarTitle("Three")
    }
}

struct ContentView4: View {
    @Binding var shouldPopToRootView : Bool

    var body: some View {
        VStack {
            Text("Hello, World #4!")
            Button (action: { self.shouldPopToRootView = false } ){
                Text("Pop to root")
            }
        }.navigationBarTitle("Four")
    }
}

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM