ScreenRotateImageFill.swift

import SwiftUI

struct ContentView: View {
    let orientationNotification = NotificationCenter.default
        .publisher(for: UIDevice.orientationDidChangeNotification)
        .map { _ in
            UIDevice.current.orientation
        }

    // .onReceive() mutate this @State var to trigger re-render on orientation change
    @State var isPortrait = UIDevice.current.orientation.isPortrait

    // hard code the text view height for demo purpose, query the text view to get its actual height
    // using .preference()
    static private let textHeight: CGFloat = 40

    // There seems to be a layout "bug" in portrait orientation: the Image inside the ZStack (or VStack)
    // cause everything to shift to the right.
    var body: some View {
        ZStack {
            Image("Image")
                .resizable()
                .aspectRatio(contentMode: .fill)
            // do this way to have something diff'ed on isPortrait variable to force re-rendering
            Text(isPortrait ? "hello world" : "hello world")
                .foregroundColor(.red)
                .frame(maxWidth: .infinity, maxHeight: Self.textHeight)
                .background(Color.white)
                .offset(y: UIScreen.main.bounds.size.height / 2 - Self.textHeight)
        }
        .onReceive(orientationNotification) { _ in isPortrait = UIDevice.current.orientation.isPortrait }
        .ignoresSafeArea()
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}