How we can have divider height equal to another child of horizontal stack in SWIFT UI widgets

Question

Like as attached screen the divider should need to have same height of Labe; 'One Touch and price'. Here One Touch and price label is one vertical stack and this is horizontal stack to the divider.

Answer 1

Here is possible approach - to use overlay that gives same height as parent view.

Tested with Xcode 12 / iOS 14

var body: some View {
    HStack {
        VStack(alignment: .leading) {
            Text("Some long label text having word wrapping").font(.headline)
            Text("Some short")
        }.padding(.leading)
    }
    .overlay(
        Rectangle().fill(Color.red).frame(width: 4), // << your divider here !!
        alignment: .leading
    )
    .frame(width: 300) // just for wrap demo
}