Центрируйте и выровняйте элементы SwiftUI в ScrollView

Question

У меня есть следующий вид SwiftUI:

import SwiftUI

struct MySwiftUIView: View {
    var body: some View {
        VStack {
            HStack {
                Text("top leading text")
                Spacer()
            }
            Spacer()
            HStack {
                Spacer()
                Text("centered text")
                Spacer()
            }
            Spacer()
            HStack {
                Spacer()
                Text("bottom trailing text")
            }
        }
    }
}

При запуске это выглядит так:

Если я вставлю представление в ScrollView выглядит так:

import SwiftUI

struct MySwiftUIView: View {
    var body: some View {
        ScrollView {
            VStack {
                HStack {
                    Text("top leading text")
                    Spacer()
                }
                Spacer()
                HStack {
                    Spacer()
                    Text("centered text")
                    Spacer()
                }
                Spacer()
                HStack {
                    Spacer()
                    Text("bottom trailing text")
                }
            }
        }
    }
}

Тогда это выглядит так при запуске:

Как сделать Я делаю центрированный текст по центру, а нижний конечный текст покоится снизу, когда они встроены в ScrollView?

В некотором смысле, я хочу использовать SwiftUI для репликации этого поведения прокрутки, наблюдаемого в Xcode инспекторы, где текст «Не применимо» находится по центру и прокручивается:

Answer 1

Оберните ScrollView внутри GeometryReader. Затем примените минимальную высоту к виду прокрутки, равную geometry.size.height. Теперь проставки, которые вы применили, должны заполнить VStack так, как вы хотели. Попробуйте код ниже:

GeometryReader { geometry in
    ScrollView(.vertical) {
        VStack {
            HStack {
                Text("top leading text")
                Spacer()
            }
            Spacer()
            HStack {
                Text("centered text")
            }
            Spacer()
            HStack(alignment: .bottom) {
                Spacer()
                Text("bottom trailing text")
            }
         }
         .padding()
         .frame(width: geometry.size.width)
         .frame(minHeight: geometry.size.height)

    }
}

Также проверьте этот пост для дальнейшего обсуждения этой проблемы: SwiftUI - Вертикальное центрирование содержимого внутри Scrollview