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

【问题标题】：How to move vstack at top of the screen in swiftui?如何在swiftui中将vstack移动到屏幕顶部？
【发布时间】：2020-10-16 02:35:10
【问题描述】：

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

【问题讨论】：

在您的问题中发布代码，而不是代码图片。无需重新键入即可轻松剪切、粘贴和尝试实际代码。还有，可以搜索实际代码，但是图片不能。

标签： swiftui

【解决方案1】：

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

VStack {

   VStack {
        //Your VStack 
    }
    
    Spacer()
}

【讨论】：

【解决方案2】：

您可以删除 HStack 并将 Spacer() 放置在您的 VStack 中，这将强制视图位于顶部。

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

或者，如果您想将 View 保持在屏幕左侧，您可以使用另一个 VStack 和 Spacer()

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

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

【讨论】：

你实际上并不需要顶层 VStack。