主页 / coding / 问题 / 79109565
Accepted
Jules
Asked: 2024-10-21 18:10:45 +0800 CST

swiftUI 中的水平文本对齐

  • 772

我正在尝试在模型上进行重现，但我的印象是视频质量文本不居中，这是模型和渲染以及我的代码

Figma

在 xcode 画布上渲染：

Canva xcode

我想将文本质量视频居中

var body: some View {
        VStack(alignment: .leading, spacing: 16) {
            HStack {
                Button(action: {}) {
                    Image(systemName: "chevron.left")
                        .foregroundColor(.white)
                        .padding()
                    
                }
                HStack {
                    Spacer()
                    Text("Qualité Vidéo")
                        .font(Fonts.Sora.bold.swiftUIFont(size: 19))
                        .foregroundColor(.white)
                        .multilineTextAlignment(.center)
                    Spacer()

                }

            }
            .padding(.horizontal)
            .padding(.bottom, 20)
user-interface

1 个回答

  1. Best Answer

    标题在它自己的 内居中HStack，但随后它与按钮一起嵌套在另一个 内HStack。因此，这就是为什么它在最终布局中不再居中的原因。

    为了以最少的变化将标题居中，您可以将 outer 更改HStack为ZStackwith (alignment: .leading)。这样，按钮和标题就合并为两层：

    VStack(alignment: .leading, spacing: 16) {
    ZStack(alignment: .leading) { // 👈 HERE
        Button(action: {}) {
            // ...
        }
        HStack {
            // contains title as before
        }
    }
    // + padding as before
}
    • 0

相关问题