Fructus[51820:1190521] [LayoutConstraints] Unable to simultaneously satisfy constraints.

Question

前提

SwiftUIで果物図鑑アプリを作っています。
ビルドが成功後、アプリの起動時にエラーメッセージが発生しました。

実現したいこと

• 本来表示されないはずのエラーを解消させて正常な画面遷移を実現させたい。

発生している問題・エラーメッセージ

2022-09-05 21:10:40.699499+0900 Fructus[51820:1190521] [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:0x6000022300f0 'BIB_Leading_Leading' H:|-(0)-[_UIModernBarButton:0x7fdb5d815a60]   (active, names: '|':_UIButtonBarButton:0x7fdb5d81a880 )>",
    "<NSLayoutConstraint:0x600002230e60 'UINav_static_button_horiz_position' _UIModernBarButton:0x7fdb5d815a60.leading == UILayoutGuide:0x6000038095e0'UIViewLayoutMarginsGuide'.leading   (active)>",
    "<NSLayoutConstraint:0x600002230eb0 'UINavItemContentGuide-leading' H:[_UIButtonBarButton:0x7fdb5d81a880]-(6)-[UILayoutGuide:0x6000038096c0'UINavigationBarItemContentLayoutGuide']   (active)>",
    "<NSLayoutConstraint:0x600002239540 'UINavItemContentGuide-trailing' UILayoutGuide:0x6000038096c0'UINavigationBarItemContentLayoutGuide'.trailing == _UINavigationBarContentView:0x7fdb5d818c30.trailing   (active)>",
    "<NSLayoutConstraint:0x600002233110 'UIView-Encapsulated-Layout-Width' _UINavigationBarContentView:0x7fdb5d818c30.width == 0   (active)>",
    "<NSLayoutConstraint:0x600002239900 'UIView-leftMargin-guide-constraint' H:|-(8)-[UILayoutGuide:0x6000038095e0'UIViewLayoutMarginsGuide'](LTR)   (active, names: '|':_UINavigationBarContentView:0x7fdb5d818c30 )>"
)

該当のソースコード

import SwiftUI

struct FruitDetailView: View {
    // MARK: - PROPERTIES
    
    var fruit: Fruit
    
    // MARK: - BODY
    
    var body: some View {
        NavigationView {
            ScrollView(.vertical, showsIndicators: false) {
                VStack(alignment: .center, spacing: 20) {
                    // HEADER
                    FruitHeaderView(fruit: fruit)
                    
                    VStack(alignment: .leading, spacing: 20) {
                        // TITLE
                        Text(fruit.title)
                            .font(.largeTitle)
                            .fontWeight(.heavy)
                            .foregroundColor(fruit.gradientColors[1])
                        
                        // HEADLINE
                        Text(fruit.headline)
                            .font(.headline)
                            .multilineTextAlignment(.leading)
                        
                        // NUTRIENTS
                        FruitNutrientsView(fruit: fruit)
                        
                        // SUBHEADLINE
                        Text("Learn more about \(fruit.title)".uppercased())
                            .fontWeight(.bold)
                            .foregroundColor(fruit.gradientColors[1])
                        
                        // DESCRIPTION
                        Text(fruit.description)
                            .multilineTextAlignment(.leading)
                        
                        // LINK
                        SourceLinkView()
                            .padding(.top, 10)
                            .padding(.bottom, 40)
                    } //: VSTACK
                    .padding(.horizontal, 20)
                    .frame(maxWidth: 640, alignment: .center)
                } //: VSTACK
                .navigationBarTitle(fruit.title, displayMode: .inline)
                .navigationBarHidden(true)
            } //: SCROLL
            .edgesIgnoringSafeArea(.top)
        } //: NAVIGATION
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

// MARK: - PREVIEW

struct FruitDetailView_Previews: PreviewProvider {
    static var previews: some View {
        FruitDetailView(fruit: fruitsData[0])

    }
}

import SwiftUI

struct SettingsView: View {
    // MARK: - PROPERTIES

    @Environment(\.presentationMode) var presentationMode

    // MARK: - BODY

    var body: some View {
        NavigationView {
            ScrollView(.vertical, showsIndicators: false) {
                VStack(spacing: 20) {
                    // MARK: - SECTION 1

                    GroupBox(
                        label:
                          SettingsLabelView(labelText: "Fructus", labelImage: "info.circle")
                    ) {
                        Divider().padding(.vertical, 4)

                        HStack(alignment: .center, spacing: 10) {
                            Image("logo")
                                .resizable()
                                .scaledToFit()
                                .frame(width: 80, height: 80)
                                .cornerRadius(9)

                            Text("Most fruits are naturally low in fat, sodium, and calories. None have cholesterol. Fruits are sources of many essential nutrients, including potassium, dietary fiber, vitamins, and much more.")
                                .font(.footnote)
                        }
                    }

                    // MARK: - SECTION 2

                    // MARK: - SECTION 3

                } //: VSTACK
                .navigationBarTitle(Text("Settings"), displayMode: .large)
                .navigationBarItems(
                    trailing:
                        Button(action: {
                            presentationMode.wrappedValue.dismiss()
                        }) {
                            Image(systemName: "xmark")
                        }
                )
                .padding()
            } //: SCROLL
        } //: NAVIGATION
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

// MARK: - PREVIEW

struct SettingsView_Previews: PreviewProvider {
    static var previews: some View {
        SettingsView()
            .preferredColorScheme(.dark)
    }
}

試したこと

エラーメッセージである[LayoutConstraints] Unable to simultaneously satisfy constraints.
Probably at least one of the constraints in the following list is one you don't want.
を検索し、iOS14.3から非推奨になったnavigationBarTitle を使っていた事が原因であることがわかった。
navigationView に.navigationViewStyle（StackNavigationViewStyle（））を記載すればエラーが解消できましたというWebページを発見。
自分と全く同じ状況であったため、navigationBarTitleが記載されているファイルFruitDetailView.swiftとSettingsView.swiftそれぞれに.navigationViewStyle（StackNavigationViewStyle（））を記載したが同じエラーが発生。→エラー解消されず。
FruitDetailView.swiftとSettingsView.swiftそれぞれのNavigationBarTitle 及び.navigationViewStyle（StackNavigationViewStyle（））をコメントアウトして再ビルド。
ビルドは成功し動きとしては問題がなかったがコメントアウトをしたことによると見られる本件とは違うエラーメッセージが発生。→今回の調査対象ではないため、コメントアウトを戻した。

制約に矛盾しているから解消してねというエラーであることは間違いないようである。

https://developer.apple.com/forums/thread/673113

https://apprythm.com/256/

https://stackoverflow.com/questions/65316497/swiftui-navigationview-navigationbartitle-layoutconstraints-issue/65316745

https://tomato-develop.com/how-to-fix-layout-constraints-unable-to-simultaneously-satisfy-constraints/

補足情報（FW/ツールのバージョンなど）

macOS Monterey 12.5.1
Xcode 13.4.1
Swift version 5.6.1
シミュレータ　ios 15.5

Comments

[Jedda]

navigationBarTitleをnavigationTitle(_ title: Text)というように、
FruitDetailView.swift及びSettingsView.swiftそれぞれで変更し、
それに伴って.navigationViewStyle(StackNavigationViewStyle())は
それぞれ削除し再ビルド。
ビルドは成功したが、アプリ起動時にエラー発生。
[LayoutConstraints] Unable to simultaneously satisfy constraints.
Probably at least one of the constraints in the following list is one you don't want.

Answer 1

とりあえず完成させるため、後回しにしてクローズします。