在swiftUI中的导航视图上显示视图

时间:2020-08-14 06:36:09

标签: ios swiftui navigationview zstack

我有一个MainView,它是一个导航视图,它通过NavigationLink呈现一个视图,即此处的SubView。在SubView中,我想在隐藏导航栏和子视图内容的同时在按钮切换上的子视图顶部显示一个视图。我尝试使用ZStack,但它似乎并未隐藏导航栏,因为它仍然是导航堆栈的一部分。还有其他方法可以实现这一目标吗?

代码如下:

struct MainView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: SubView()) {
                    Text("Go to Another View")
                }
            }
        }
    }
}

struct SubView : View {
    @State private var showTopSheet: Bool = false
    var body: some View {
        ZStack {
            Text("Content goes here")
            if showTopSheet {
                TopSheet(showTopSheet: $showTopSheet).transition(.move(edge: .top))
            }
        }.navigationBarTitle("SubView")
            .navigationBarBackButtonHidden(true)
            .navigationBarItems(trailing: Button(action: {
                self.showTopSheet.toggle()
            }) {
                Image(systemName: "folder.circle")
            })
    }
}

struct TopSheet: View {
    @Binding var showTopSheet: Bool
    var body: some View {
        GeometryReader { geo in
            VStack {
                ZStack {
                    Rectangle().fill(Color.orange)
                        .frame(height: geo.size.height * 364 / 744)
                    HStack {
                        Text("View")
                        Button(action: {
                            self.showTopSheet.toggle()
                        }) {
                            Image("Icon Close").renderingMode(.original)
                        }
                    }
                }
                Spacer()
            }.edgesIgnoringSafeArea([.top, .bottom])
                .background(Color(UIColor(red:0.1, green:0.1, blue:0.12, alpha:0.9)))
        }
    }
}

预先感谢:)

0 个答案:

没有答案