How to create view with multiple subviews like VStack in SwiftUI

Question

I've created a custom view which is basically a VStack with modifiers applied to it. But unlike the original VStack view, I have to use a grouping view when I'm using it with multiple subviews.

How can I get rid of the "Group" in the below example?

import SwiftUI

struct ContentView: View {
    var body: some View {
        CustomGroup() {
            Group {
                Text("Hello")
                Text("World")
            }
        }
    }
}

struct CustomGroup<Content>: View where Content : View {
    let content: () -> Content
    
    var body: some View {
        VStack() {
            content()
        }
        .background(Color.yellow)
        .cornerRadius(8)
    }
}

Asperi · Accepted Answer · 2020-08-23 09:12:10Z

2

You need init with ViewBuilder

Here is a solution. Tested with Xcode 12 / iOS 14

struct TestCustomGroup: View {
    var body: some View {
        CustomGroup {
            Text("Hello")
            Text("World")
        }
    }
}

struct CustomGroup<Content>: View where Content : View {
    let content: () -> Content

    init(@ViewBuilder _ content: @escaping () -> Content) {
        self.content = content
    }

    var body: some View {
        VStack {
            content()
        }
        .background(Color.yellow)
        .cornerRadius(8)
    }
}

edited Aug 23, 2020 at 9:12

answered Aug 23, 2020 at 4:59

Asperi

262k28 gold badges594 silver badges888 bronze badges

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

Collectives™ on Stack Overflow

How to create view with multiple subviews like VStack in SwiftUI

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related