![](/img/trans.png)
[英]SwiftUI NavigationView with List programmatic navigation does not work
[英]NavigationView in iPad popover does not work properly in SwiftUI
我有以下代码在点击按钮时显示弹出框:
struct ContentView: View {
@State private var show = false
var body: some View {
Button("Open") {
self.show.toggle()
}.popover(isPresented: $show, content: {
// NavigationView {
ScrollView {
ForEach(0...10, id: \.self) {_ in
Text("Test popover ...")
}.padding()
}
// }
})
}
}
如果我在弹出框的内容中添加NavigationView
,那么我会得到:
知道为什么会这样吗?
如果我为内容设置一个固定的框架,它工作正常,但我不想这样做,因为我希望弹出框根据它的内容调整大小。
可能在 iPad 上,他们在尺寸检测方面遇到了鸡蛋问题,因此只需以最低限度完成。
无论如何,解决方案是明确设置.frame
,或者使用预定义的值(对于 iPad 来说还不错),或者使用动态计算(例如,通过GeometryReader
从外框)
这是一个例子。 使用 Xcode 12 / iPadOS 14 测试
struct TestPopover: View {
@State private var show = false
var body: some View {
GeometryReader { gp in
VStack {
Button("Open") {
self.show.toggle()
}.popover(isPresented: $show, content: {
NavigationView {
ScrollView { // or List
ForEach(0...10, id: \.self) {_ in
Text("Test popover ...")
}.padding()
}
.navigationBarTitle("Test", displayMode: .inline)
}
.frame(width: gp.size.width / 3, height: gp.size.height / 3)
})
}.frame(maxWidth: .infinity, maxHeight: .infinity)
}
}
}
变体 2:部分根据外部尺寸计算,部分根据内部尺寸计算。
struct TestPopover: View {
@State private var show = false
@State private var popoverWidth = CGFloat(100)
var body: some View {
GeometryReader { gp in
VStack {
Button("Open") {
self.show.toggle()
}.popover(isPresented: $show, content: {
NavigationView {
ScrollView { // or List
ForEach(0...10, id: \.self) {_ in
Text("Test popover ...").fixedSize()
}.padding()
.background(GeometryReader {
Color.clear
.preference(key: ViewWidthKey.self, value: $0.frame(in: .local).size.width)
})
.onPreferenceChange(ViewWidthKey.self) {
self.popoverWidth = $0
}
}
.navigationBarTitle("Test", displayMode: .inline)
}
.frame(width: self.popoverWidth, height: gp.size.height / 3)
})
}.frame(maxWidth: .infinity, maxHeight: .infinity)
}
}
}
struct ViewWidthKey: PreferenceKey {
typealias Value = CGFloat
static var defaultValue = CGFloat.zero
static func reduce(value: inout Value, nextValue: () -> Value) {
value += nextValue()
}
}
Asperi 的答案很棒而且很彻底,但我想我会为我们中间的懒惰者添加一个。
微小的弹出框 window 是 iPadOS 13.4 中引入的错误(弹出框出现在 13.0.x - 13.3.x 中,正如您所期望的那样)。 我提交了关于它的 FB7640734,它目前显示“少于 10 个”类似的报告并且仍然开放。
我在一个用 SwiftUI 编写的生产应用程序中使用的简单解决方法是在您的 NavigationView 之后添加这个:
.frame(minWidth: 320, idealWidth: 400, maxWidth: nil, minHeight: 500, idealHeight: 700, maxHeight: nil, alignment: .top)
即在OP的示例代码的上下文中:
struct ContentView: View {
@State private var show = false
var body: some View {
Button("Open") {
self.show.toggle()
}.popover(isPresented: $show, content: {
NavigationView {
ScrollView {
ForEach(0...10, id: \.self) {_ in
Text("Test popover ...")
}.padding()
}
}.frame(minWidth: 320, idealWidth: 400, maxWidth: nil,
minHeight: 500, idealHeight: 700, maxHeight: nil,
alignment: .top)
})
}
}
这将设置一个大小合适的弹出框,它将在 320-400 点宽和 500x700 点高之间扩展,这实际上是弹出框的一个很好的尺寸(任何更大,您可能应该使用弹出框以外的东西)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.