尝试在屏幕上居中显示垂直滚动视图

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()