将一个视图的底部约束与 SwiftUI 中的另一个视图对齐

Question

如何在 SwiftUI 中将一个视图的底部约束与另一个视图对齐？例如：我有一个图像和一个文本，我想将文本与图像的底部约束对齐并给出 10 个填充。我该怎么做？

例如：我正在为 ZStack 使用以下代码。文本在图像的中心对齐，填充在中心完成。但我希望它在底部对齐。

ZStack {
        let image = UIImage(named: "blockedEmpty")
        Image(uiImage: image!).resizable().frame(width: 100, height: 100).aspectRatio(contentMode: .fit)
        Text("Image text").offset(CGSize(width: 0.0, height: 10.0))
}

Answer 1

你应该在这里使用覆盖：

import SwiftUI

struct ContentView: View {
    var body: some View {
        
        let image = UIImage(named: "blockedEmpty")
        Image(uiImage: image!).resizable().frame(width: 300, height: 300).aspectRatio(contentMode: .fit)
            .overlay(Text("Image text").padding(), alignment: .bottom)
        
    }
}

将一个视图的底部约束与 SwiftUI 中的另一个视图对齐

align a bottom constraint of one view to another view in SwiftUI

iphone

ios

swift

swiftui