首页 > 解决方案 > 如何在 SwiftUI 中为前导对齐文本视图指定 x 和/或前导填充?

问题描述

给定以下代码片段,我可以对齐文本视图的前沿,但我如何指定我希望它们与其前沿对齐,但距离实际 VStack 容器的左边缘一定数量的像素?

VStack {
Text("Simple Swift Guide")
    .font(.title)
Text("SwiftUI Tutorials")
    .font(.subheadline)
    .foregroundColor(.gray)
 }
 .frame(maxWidth: .infinity)
 .background(Color.yellow)

在此处输入图像描述

标签: swiftui

解决方案


这是您的片段的可能方法(如果我正确理解了您的目标) - 对齐是外部的,因此内部VStack内容可以是任何内容。

演示

    VStack(alignment: .leading) {
        Text("Simple Swift Guide")
            .font(.title)
        Text("SwiftUI Tutorials")
            .font(.subheadline)
            .foregroundColor(.gray)
    }
    .frame(maxWidth: .infinity, alignment: .leading)
    .padding(.leading, 25)
    .background(Color.yellow)

推荐阅读