SwiftUI ToolbarItem Constraints Error

Question

In this simple Hello World app (Xcode 14.3, iOS 14.4.1), adding a Toolbar item above the keyboard leads to constraints errors in the log when you tap the TextField. It does not seem to lead to any obvious errors in the UI.

Anyone have ideas on how to work around this?

struct ContentView: View {
    
    @State private var foodName: String = ""
    
    var body: some View {
        VStack {
            TextField("test", text: $foodName)
        }
        .padding()
        .toolbar {
            ToolbarItem(placement: .keyboard) {
                Text("Test")
            }
        }
    }
}

 [LayoutConstraints] Unable to simultaneously satisfy constraints.
	Probably at least one of the constraints in the following list is one you don&#039;t want. 
	Try this: 
		(1) look at each constraint and try to figure out which you don&#039;t expect; 
		(2) find the code that added the unwanted constraint or constraints and fix it. 
	(Note: If you&#039;re seeing NSAutoresizingMaskLayoutConstraints that you don&#039;t understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints) 
(
    "&lt;NSAutoresizingMaskLayoutConstraint:0x28137d2c0 h=--&amp; v=--&amp; _UIToolbarContentView:0x143609e30.width == 0   (active)>",
    "&lt;NSLayoutConstraint:0x2813708c0 H:|-(16)-[_UIButtonBarStackView:0x143608ab0]   (active, names: &#039;|&#039;:_UIToolbarContentView:0x143609e30 )>",
    "&lt;NSLayoutConstraint:0x281370910 H:[_UIButtonBarStackView:0x143608ab0]-(16)-|   (active, names: &#039;|&#039;:_UIToolbarContentView:0x143609e30 )>"
)

Will attempt to recover by breaking constraint 
&lt;NSLayoutConstraint:0x281370910 H:[_UIButtonBarStackView:0x143608ab0]-(16)-|   (active, names: &#039;|&#039;:_UIToolbarContentView:0x143609e30 )>

Make a symbolic breakpoint at UIViewAlertForUnsatisfiableConstraints to catch this in the debugger.
The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in &lt;UIKitCore&#x2F;UIView.h> may also be helpful.

SwiftUI

985

Posted by

pilotcoder

Reply

Add a Comment

Answer 1

Hi. Did you find the fix for this? I'm having the same issue

List(viewModel.points.indices, id: \.self) { index in
    HStack(spacing: 0) {
        Text(viewModel.points[index].name)
            .modifier(RCTextModifier(style: .listMainRegular))
            .frame(width: 120, alignment: .leading)

        Spacer()

        TextField(LocalizedKeys.ScoreCreation.points, text: $viewModel.points[index].score)
            .modifier(RCTextFieldModifier(style: .number))
            .frame(width: 120, alignment: .leading)

        Spacer()
    }
    .listRowBackground(Color.clear)
    .listRowInsets(EdgeInsets(top: 0, leading: viewModel.screenWidth * 0.2, bottom: 0, trailing: viewModel.screenWidth * 0.2))
}
.listStyle(.plain)
.toolbar {
    ToolbarItemGroup(placement: .keyboard) {
        Spacer()
        Button(LocalizedKeys.Common.done) {
            UIApplication.shared.endEditing()
        }
    }
}

Posted by

kleycastle

I too am having the same issue and it bugs me. Have you fixed it?

—
ronattack

Add a Comment

Answer 2

It’s a warning, not an error. It says your toolbar content view is 0 in width but you’re also trying to stretch it be 16 from leading and trailing edge. I wouldn’t care about it unless something breaks... 🤓

Posted by

paulmax

I'm also getting this exact warning and it bugs me, I would definitely be interested in a fix

—
ronattack

Add a Comment

Answer 3

Has any solution been found?

Posted by

ronattack

Add a Comment

SwiftUI ToolbarItem Constraints Error

Replies