swiftui 文本不居中

Question

我在下面使用的代码不是居中的。顶部 space 是底部 space 的两倍。不需要等于 bottom 和 top space？如何让文本居中？

struct ContentView: View {
    
    var body: some View {
        ZStack(alignment:.center) {
            Color.red
            
            Text("onna")
                .font(.system(size: 60))
        }
        .frame(width: 222, height: 60)
    }
}

Answer 1

您可以通过以下方式设置所需的值：

struct ContentView: View {
    
    var body: some View {
        
        VStack(spacing: 10.0) {
            
            Text("Onna")
                .font(.system(size: 60))
                .baselineOffset(-40.0)
                .background(Color.red)
            
            Text("Onna")
                .font(.system(size: 60))
                .baselineOffset(40.0)
                .background(Color.blue)
            
        }

    }
}