I wrote this code below without thinking, then quickly realised ofcourse it won't work because the parentasis will interfere with the code. I know I would wrap the whole H and V Stack but it's a lot of code and I prefer not to do it twice. Is there any way to solve this?

 if widthSizeClass == .regular {
                        HStack {
    } else if widthSizeClass == .compact {
                        VStack {
    } else {
                        VStack {
}

Many thanks

Perhaps take a look at ViewThatFits to control your layout, or use a switch, or use a function to return the VStack/HStack content, so you're not coding any embedded parentheses. Or code the content as a separate component. Lots of potential solutions, it all depends on how complex your view is going to become.

Steve

Maybe use a switch instead of an if statement. I'm assuming your enum has only the 2 .regular and .compact?

enum Sizes {
case regular
case compact
}

let widthSizeClass: Sizes = .compact

switch widthSizeClass {
  case .regular:
    HStack {
      // Your code here
    }
  case .compact:
    VStack {
      // Your code here
    }
}

Yes only two but I don't want to include the closing bracket because it's a lot of code and I prefer not to do it twice. Using a switch means I still need to do it twice

Check out this approach https://www.hackingwithswift.com/quick-start/swiftui/how-to-dynamically-change-between-vstack-and-hstack