SwiftUINavigationViewnavigationBarTitleLayoutConstraints问题
这可能与最近推出的新 (12.3) 版本的 XCode 相关,但我有一个非常简单的 SwiftUI 视图:
import SwiftUI
struct HomeView: View {
var body: some View {
NavigationView {
Text("Text")
.navigationBarTitle("My Title")
}
}
}
我在控制台中收到此警告:
2020-12-15 18:25:06.506062-0800 Shopmatic[46177:9585655] [LayoutConstraints] Unable to simultaneously satisfy constraints.
Probably at least one of the constraints in the following list is one you don't want.
Try this:
(1) look at each constraint and try to figure out which you don't expect;
(2) find the code that added the unwanted constraint or constraints and fix it.
(
"<NSLayoutConstraint:0x600003636d00 'BIB_Trailing_CB_Leading' H:[_UIModernBarButton:0x7faf15d0dc30]-(6)-[_UIModernBarButton:0x7faf15c17500'Your Lists'] (active)>",
"<NSLayoutConstraint:0x600003636d50 'CB_Trailing_Trailing' _UIModernBarButton:0x7faf15c17500'Your Lists'.trailing <= _UIButtonBarButton:0x7faf15c16140.trailing (active)>",
"<NSLayoutConstraint:0x600003631e50 'UINav_static_button_horiz_position' _UIModernBarButton:0x7faf15d0dc30.leading == UILayoutGuide:0x600002c18ee0'UIViewLayoutMarginsGuide'.leading (active)>",
"<NSLayoutConstraint:0x600003631ea0 'UINavItemContentGuide-leading' H:[_UIButtonBarButton:0x7faf15c16140]-(0)-[UILayoutGuide:0x600002c18e00'UINavigationBarItemContentLayoutGuide'] (active)>",
"<NSLayoutConstraint:0x600003617160 'UINavItemContentGuide-trailing' UILayoutGuide:0x600002c18e00'UINavigationBarItemContentLayoutGuide'.trailing == _UINavigationBarContentView:0x7faf15e10000.trailing (active)>",
"<NSLayoutConstraint:0x600003632580 'UIView-Encapsulated-Layout-Width' _UINavigationBarContentView:0x7faf15e10000.width == 0 (active)>",
"<NSLayoutConstraint:0x600003617520 'UIView-leftMargin-guide-constraint' H:|-(0)-[UILayoutGuide:0x600002c18ee0'UIViewLayoutMarginsGuide'](LTR) (active, names: '|':_UINavigationBarContentView:0x7faf15e10000 )>"
)
Will attempt to recover by breaking constraint
<NSLayoutConstraint:0x600003636d00 'BIB_Trailing_CB_Leading' H:[_UIModernBarButton:0x7faf15d0dc30]-(6)-[_UIModernBarButton:0x7faf15c17500'Your Lists'] (active)>
Make a symbolic breakpoint at UIViewAlertForUnsatisfiableConstraints to catch this in the debugger.
The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in <UIKitCore/UIView.h> may also be helpful.
这个简单的例子看起来不错,但是当我做一些更复杂的事情时:
import SwiftUI
struct ListDetailView: View {
var list: List
var body: some View {
NavigationView {
Text("Detail View")
.navigationBarTitle("Detail View Title")
.navigationBarTitleDisplayMode(.large)
.navigationBarItems(
trailing:
Button(action: {
print("Button Pressed")
}) {
Image(systemName: "ellipsis")
}
)
}
}
}
导航标题区域布局都搞砸了:
回答
NavigationBarTitle从iOS 14.3. 不过,如果你仍然想使用它,尝试添加
.navigationViewStyle(StackNavigationViewStyle())在navigationView
将修复警告。
struct ContentView: View {
var body: some View {
NavigationView {
VStack {
Text("Hello, world!")
.padding()
Spacer()
}
.navigationBarTitle("Hey there", displayMode: .inline)
}
.navigationViewStyle(StackNavigationViewStyle())
}
}
新方式:
.navigationBarTitleDisplayMode(.inline)
.toolbar(content: {
ToolbarItem(placement: .principal, content: {
Text("Title")
})})
- navigationTitle is not deprecated. https://developer.apple.com/documentation/swiftui/view/navigationtitle(_:)-43srq
- This is no good if you want to support split view on iPad. Fixing the problem by enforcing `StackNavigationViewStyle` is not a good fix imho.
回答
它与 无关NavigationBarTitle。. navigationTitle不被弃用。似乎整个问题主要是新的 Xcode 12.4 更新,即使是简单的代码:
var body: some View {
NavigationView{
Text("Hopefully will work this time")
.navigationTitle("Error with constains")
}
}
添加.navigationViewStyle(StackNavigationViewStyle())修复问题
var body: some View {
NavigationView{
Text("Yes it does!")
.navigationTitle("Wow it works")
}
}.navigationViewStyle(StackNavigationViewStyle())
附注。我的第一个 stackoverflow 回复 xD
- Dude, this is the answer! And I've been searching for this for a few weeks now and none of the other questions have this answer. Most just say it's a bug and can't be fixed. To add to your answer the navigationViewStyle can be placed at the top level: `ContentView().navigationViewStyle(StackNavigationViewStyle())` this fixes all the views!
- almost there - the .navigationViewStyle(StackNavigationViewStyle()) needs to be at the end of the NavigationView closure, not the body. Otherwise does the trick - many thanks.
回答
iOS 14.3 已弃用 NavigationBarTitle https://developer.apple.com/documentation/swiftui/view/navigationbartitle(_:displaymode:)-8buvp
您可以使用NavigationTitle和.navigationViewStyle(StackNavigationViewStyle())
import SwiftUI
struct HomeView: View {
var body: some View {
NavigationView {
Text("Text")
.navigationBarTitle("Hey there", displayMode: .inline)
}
.navigationViewStyle(StackNavigationViewStyle())
}
}
- navigationBarTitle is deprecated but navigationTitle is not deprecated. https://developer.apple.com/documentation/swiftui/view/navigationtitle(_:)-5di1u. So those errors might be bug in Xcode version
THE END
二维码