Issue with @BindingState Not Updating in SwiftUI

[kiwi1023]

Hello Everyone,

I have used @BindingState to bind the toggle action of a button to a subview as shown below. However, the change is only connected initially and does not bind afterward.

struct State: Equatable {
    var isLoading: Bool = false
    @BindingState var isButtonTapped: Bool = false
    @BindingState var isInvalid: Bool = false
    @BindingState var textFields: [String] = Array(repeating: "", count: 6)
    @BindingState var isFirstTap: Bool = true
}

enum Action: BindableAction, Equatable {
    case binding(BindingAction<State>)
    case checkIsValid
    case nextButtonTapped
    case setLoading(Bool)
}

var body: some Reducer<State, Action> {
    BindingReducer()
    Reduce { state, action in
        switch action {
        case .nextButtonTapped:
            state.isLoading = true
            state.isButtonTapped.toggle()
        }
    }
}

GeometryReader { geometry in
    Button(action: {
        store.send(.nextButtonTapped)
    }) {
        if store.isLoading {
            ProgressView()
        }
    }
}

func inputSection(store: ViewStoreType) -> some View {
    GeometryReader { geometry in
        OTPView(
            isButtonTapped: store.$isButtonTapped,
            textFields: store.$textFields,
            isFirstTap: store.$isFirstTap
        )
    }
}

When I tested using @State variable as shown below, it works fine without any issues. I need help resolving this problem.

@State var isButtonTapped: Bool = false

public init(store: StoreOf<EmailVerificationStore>) {
    self.store = store
}

func nextButton(store: ViewStoreType) {
    GeometryReader { geometry in
        Button(action: {
            store.send(.nextButtonTapped)
            isButtonTapped.toggle()
        })
    }
}

@ViewBuilder
private func inputSection(store: ViewStoreType) -> some View {
    GeometryReader { geometry in
        OTPView(
            isButtonTapped: $isButtonTapped,
            textFields: store.$textFields,
            isFirstTap: store.$isFirstTap,
            isInvalidInput: store.$isInvalidInput
        )
    }
}

Thank you very much for your assistance. I greatly appreciate your help.

[stephencelis]

Hi @kiwi1023. It will be difficult for folks to troubleshoot screen shots of code. Instead, can you attach a project that demonstrates the problem with steps to reproduce?

Also, just a note but @BindingState has been soft-deprecated since version 1.7 of the library, so we'd recommend upgrading if possible!

[kiwi1023]

Hello!

Thank you very much for your reply! I am truly honored. Unfortunately, this is a company project, so I cannot attach the project due to security reasons. Also, the upgrade is up-to-date(1.10.4).