SwiftUI实现图片屏幕居中且下方带指定间距文本标签的方案

你当前的代码是将「图片+文本」的整个组合容器居中，导致图片本身并未处于屏幕正中央，而是组合体的中心落在了屏幕中心，这和你要单独让图片居中的需求不符。

使用ZStack作为根容器，让图片直接居中于屏幕，再通过偏移量精准定位文本的位置。以下是两种场景的实现代码：

场景1：文本顶部与图片底部间距50点（符合常规视觉布局逻辑） #

这应该是你实际想要的效果，文本在图片正下方，和图片底部保持50点距离：

struct ContentView: View {
    var body: some View {
        ZStack {
            // 140×140的图片居中于屏幕
            Image("SwiftLogo")
                .resizable()
                .scaledToFit()
                .frame(width: 140, height: 140)
            
            // 文本定位在图片底部下方50点处
            Text("Hello Swift")
                .font(.system(size: 32, weight: .semibold))
                .foregroundColor(.black)
                .background(Color.green)
                .offset(y: 140/2 + 50)
                // 140/2是图片半高（屏幕中心到图片底部的距离），加上50就是文本需要向下偏移的量
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .edgesIgnoringSafeArea(.all)
    }
}

场景2：文本顶部与图片顶部间距50点（严格按你描述的需求） #

如果确实需要文本顶部和图片顶部的垂直距离为50点（文本会落在图片内部），只需调整偏移量：

struct ContentView: View {
    var body: some View {
        ZStack {
            Image("SwiftLogo")
                .resizable()
                .scaledToFit()
                .frame(width: 140, height: 140)
            
            Text("Hello Swift")
                .font(.system(size: 32, weight: .semibold))
                .foregroundColor(.black)
                .background(Color.green)
                .offset(y: 50 - 140/2)
                // 50是图片顶部到文本顶部的距离，减去图片半高得到相对于屏幕中心的偏移值
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .edgesIgnoringSafeArea(.all)
    }
}

内容的提问来源于stack exchange，提问作者mgsulaiman