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

Posted 2023-02-24

【中文标题】如何在swiftui中将vstack移动到屏幕顶部？

【英文标题】：How to move vstack at top of the screen in swiftui?

【发布时间】：2020-10-16 02:35:10

【问题描述】：

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

【问题讨论】：

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

【参考方案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。