I want to pass a nullable binding to the view.

public struct Accordion<Trigger, Content>: View where Trigger: View, Content: View {
    let trigger: Trigger
    let content: Content

    @State private var isExpanded = false

    // TODO: PASS isExpanded AS A OPTIONAL BINDING FROM OUTSIDE
    public init(@ViewBuilder trigger: () -> Trigger, @ViewBuilder content: () -> Content) {
        self.trigger = trigger()
        self.content = content()
    }

    public var body: some View {
        ZStack {
            VStack(spacing: 0.0) {
                triggerWrappedView
                    .onTapGesture {
                        isExpanded.toggle()
                    }

                content
            }
        }
    }
}

In the view initalizer if we passed a binding use that else somehow create your own binding.

I want to pass a nullable binding to the view.

public struct Accordion<Trigger, Content>: View where Trigger: View, Content: View {
    let trigger: Trigger
    let content: Content

    @State private var isExpanded = false

    // TODO: PASS isExpanded AS A OPTIONAL BINDING FROM OUTSIDE
    public init(@ViewBuilder trigger: () -> Trigger, @ViewBuilder content: () -> Content) {
        self.trigger = trigger()
        self.content = content()
    }

    public var body: some View {
        ZStack {
            VStack(spacing: 0.0) {
                triggerWrappedView
                    .onTapGesture {
                        isExpanded.toggle()
                    }

                content
            }
        }
    }
}

In the view initalizer if we passed a binding use that else somehow create your own binding.

• swift
• swiftui

• What's wrong with @Binding here? – sonle Commented Mar 29 at 17:23
• 1 See if this answer helps, which shows an optional binding: var selection: Binding<Int>? = nil – Andrei G. Commented Mar 30 at 0:47
• If you doesn't use isExpanded in view body, then better just add handler of onTapGesture – Cy-4AH Commented Mar 31 at 9:28

1 Answer 1

If Accordion only needs to write (toggle) to the binding, you can just replace the isExpanded state with:

let isExpanded: Binding<Bool>?

Initialise it in the initialiser:

public init(isExpanded: Binding<Bool>? = nil, @ViewBuilder trigger: () -> Trigger, @ViewBuilder content: () -> Content) {
    self.isExpanded = isExpanded
    self.trigger = trigger()
    self.content = content()
}

Then use optional chaining when toggling it:

.onTapGesture {
    isExpanded?.wrappedValue.toggle()
}

Note that isExpanded is not a property wrapped in @Binding. It is of type Binding<Bool>?, so you need to access wrappedValue to access the binding's value.

If Accordion needs to keep track of the isExpanded state even if the caller did not pass in a binding to its initialiser, you should keep the @State, in addition to the extra Binding<Bool>? property. See this post for more info.