How do I have achieve a combined line limit for two Text views in a VStack in SwiftUI?

Question

I have a design that I want to achieve in SwiftUI, and there are three examples shown below.

It's a VStack that contains an Image, and two Text views.

1. It should show no more than three lines of text, ie the container view should not grow in height if both Text views would have enough text for two rows
2. It should not shrink in height when there is only one line of text for each text view.
3. It should support dynamic font sizes

Answer 1

regarding the idea with the placeholder, you can use native solutions such as .lineLimit(3, reservesSpace: true)

Answer 2

The part of the implementation should go like this which will guarantee your conditions I think.

import SwiftUI

struct ContentView: View {
    @State var title = "Title text"
    @State var subTitle = "Subtitle text"
    
    var isSubtitleLarger: Bool {
        subTitle.count > title.count
    }
    
    var body: some View {
        VStack(alignment: .leading) {
            Text(title)
                .lineLimit(isSubtitleLarger ? 1 : 2)
            
            Text(subTitle)
                .lineLimit(isSubtitleLarger ? 2 : 1)
        }
        .frame(minHeight: 150) // Add minimum height to meet minimum size, so that the view doesn't shrink when texts are small 
    }
}

This is important to guarantee there is always 3 lines at max.