Попытка отобразить вертикальный вид прокрутки по центру экрана

Question

Текст отображается в верхней части экрана, а не по центру экрана. Любая идея, как центрировать контент на экране?

    var body : some View {

        VStack {

            ScrollView.init([.vertical]) {

                Text("AAA")
                Text("BBB")
                Text("CCC")
                Text("DDD")
                Text("EEE")

            }
            .border(Color.blue)

        }
        .border(Color.red)
    }

Answer 1

Добавление проставок с обеих сторон + Исправление размера scrollView поможет. Вот ваш фиксированный код.

   var body: some View {
    VStack {
         Spacer() // Spacer at the top
        ScrollView([.vertical]) {
            Text("AAA")
            Text("BBB")
            Text("CCC")
            Text("DDD")
            Text("EEE")
        }.border(Color.blue)
        .fixedSize() // Fix size
       Spacer() // Spacer at the bottom.
    }.border(Color.red)
}

ВЫХОД

Answer 2

Используйте фиксированный размер, как показано ниже (соответствует размеру содержимого)

ScrollView([.vertical]) {
    Text("AAA")
    Text("BBB")
    Text("CCC")
    Text("DDD")
    Text("EEE")
}
.fixedSize()