ios - 使用 NavigationView 进行模态演示

Question

我需要使用 ModalPresentation 呈现一个 View ，它包含一个 NavigationView 和 ScrollView，因为内容将是一个包含许多字段的表单。

我的代码如下，在纵向模式下工作正常，但当我更改为横向模式时，内容消失并且不显示任何内容。

struct ContentView: View {
    @State var showingDetail = false

    var body: some View {
        Button(action: {
            self.showingDetail.toggle()
        }) {
            Text("Show Detail")
        }.sheet(isPresented: $showingDetail) {
            Detail()
        }
    }
}


struct Detail: View {
    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>

    var body: some View {
        NavigationView {
            ScrollView {
                VStack {
                Text("Details view")
                Text("Details view")
                }

            }
            .navigationBarTitle("Booking", displayMode: .inline)

            .navigationBarItems(trailing:
                Button(action: {
                    self.presentationMode.wrappedValue.dismiss()
                    print("close")
                }) { Image(systemName: "xmark")  }).accentColor(.pink)

        }
    }
}

任何关于纵向和横向工作的建议。

• 注意:如果我取消导航 View ，它就会起作用。

更新查看图片: 横向显示，但如果从左侧滑动，但我希望它不滑动即可显示。

Answer 1

你的代码没有任何问题。您只需要使用以下.compact模式即可支持横向:

NavigationView {
    ...
}.environment(\.horizontalSizeClass, .compact)

它在 Xcode 版本 11.2 beta (11B41) 和运行 iOS 13.1.2 的 iPhone Xs Max 上运行良好。