SwiftUI, assign view to variable

Question

I have the following view:

struct ChordPadView: View {
    [...]

    init() {
        [...]
    }

    var body: some View {
        [...]

        if globalState.interfaceMode == .Normal {
            HStack {
             [...]

              SomeView(playChord, stopChord) {
                  VStack {
                      Text(showType ? "\(chord.note)\(chord.type)" : chord.note)
                          .font(Font.custom("AeroMaticsBold", size: 15))

                      if (!self.hideNumeral) {
                          Text(self.numeral ?? chord.numeral ?? "")
                              .font(Font.custom("AeroMaticsBold", size: 8))
                      }
                  }
              }
            }
        } else {
            SomeOtherView(playChord, stopChord) {
                VStack {
                    Text(showType ? "\(chord.note)\(chord.type)" : chord.note)
                        .font(Font.custom("AeroMaticsBold", size: 15))

                    if (!self.hideNumeral) {
                        Text(self.numeral ?? chord.numeral ?? "")
                            .font(Font.custom("AeroMaticsBold", size: 8))
                    }
                }
            }
        }
    }
}

Basically, I have two very different view, SomeOtherView and SomeOtherView and within the logic of my view I need to pass to either one or the other the very same block of content.

How can I refactor my code in order to avoid the duplication and stay DRY? Is there a way to assign the VStack block to a variable to use it in multiple places?

mahan · Accepted Answer · 2021-03-05 09:59:01Z

1

Create a custom view for the VStack. Either use it directly in the if-else statement, or pass it to ChordPadView.

struct ChordPadView: View {
    var body: some View {
        if (true) {
            HStack {
                VStackView()
            }
        } else {
            VStackView()
        }
    }
}

Or

struct ChordPadView<Content: View>: View {
    var content: Content
    
    init(content: Content) {
        self.content = content
    }
    
    var body: some View {
        if (true) {
            HStack {
                VStackView()
            }
        } else {
            VStackView()
        }
    }

}


struct VStackView: View {
    var body: some View {
        VStack{
            Text("VStack View")
        }
    }
}

The else statment is never executed since the condition is always true.

edited Mar 5, 2021 at 9:59

answered Mar 5, 2021 at 9:51

mahan

15.4k9 gold badges69 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

SwiftUI, assign view to variable

1 Answer 1

Or

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Or

Comments

Your Answer

Sign up or log in

Post as a guest

Related