Question

如何在swiftUI中将此堆栈移到屏幕顶部。在我的代码下面。 [1]：https://i.stack.imgur.com/wBD2c.png

Answer 1

您可以删除HStack并将Spacer（）放在VStack内，这将迫使视图显示在顶部。

var body: some View {
    VStack {
        Text("Hello World")
        Text("Test")
        Spacer()
    }
}

或者，如果要将视图保留在屏幕左侧，则可以使用另一个VStack和Spacer（）

var body: some View {
    VStack {
        HStack {
            VStack {
                Text("Hello World")
                Text("Test")
                Spacer()
            }
            Spacer()
        }
    }
}

如果您刚刚开始使用SwiftUI，我强烈推荐Paul Hudson的100 Days of SwiftUI。它是免费的，并且会教给您很多有关SwiftUI的知识。

Answer 2

您只需要添加Spacer()并将视图嵌入VStack和HStack中即可将视图强制推到顶部。

VStack {

   VStack {
        //Your VStack 
    }
    
    Spacer()
}

如何在swiftui中将vstack移动到屏幕顶部？

2 个答案: