SwiftUI ToolbarItem Constraints Error

Question

Created May ’23

Replies 4

Boosts 4

Views 1.2k

Participants 5

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.

Boost

Answer 1

kleycastle OP

May ’23

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()
        }
    }
}

0

Answer 2

paulmax OP

Oct ’23

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... 🤓

0

Answer 3

ronattack OP

Mar ’24

Has any solution been found?

0

Answer 4

cpritch OP

3w

I am running into this issue too. What I have found in my investigation so far is that it happens specifically when you use a toolbar that contains buttons, with a keyboard placement.

0