SwiftUI Como alinhar uma visualização maior que a largura da tela

Aqui está uma demonstração da abordagem possível (e direção das melhorias, porque não testei todos os casos e possibilidades)

Nota: se você selecionar apenas um ScrollVieweixo, ele faz o alinhamento do conteúdo automaticamente, caso contrário, agora é confuso, mas não tem capacidade para ser configurado. Portanto, a seguir pode ser considerada uma solução temporária.

A ideia é ler o deslocamento do conteúdo da grade por meio do GeometryReaderrecálculo do quadro no .global.espaço de coordenadas e mitigá-lo explicitamente.

Também há uma tentativa de invalidar e controlar o deslocamento dependendo da orientação do dispositivo (provavelmente não é o ideal, mas como uma primeira tentativa), porque eles são diferentes.

import Combine

struct TableView: View {
    let columnCount: Int = 9
    let rowCount: Int = 14

    @State private var offset: CGFloat = .zero

    private let orientationPublisher = NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)

    var body: some View {
        VStack(alignment: .leading, spacing: 20) {
            ScrollView([.horizontal, .vertical], showsIndicators: false) {
                GridStack(rows: self.rowCount, columns: self.columnCount) { row, col in
                    Text("ROW \(String(row)) COL \(String(col))")
                        .fixedSize()
                        .frame(width: 150)
                }
                .background(rectReader())
                .offset(x: offset)
            }
        }
        .onReceive(orientationPublisher) { _ in
            self.offset = .zero
        }
    }

    func rectReader() -> some View {
        return GeometryReader { (geometry) -> AnyView in
            let offset = -geometry.frame(in: .global).minX
            if self.offset == .zero {
                DispatchQueue.main.async {
                    self.offset = offset
                }
            }
            return AnyView(Rectangle().fill(Color.clear))
        }
    }
}