SwiftUI矩形占用了错误的空间量

SwiftUI矩形占用了错误的空间量,swift,swiftui,Swift,Swiftui,我为我主持的subreddit制作了一个评论提要,我想在评论的左侧SwiftUI中文章标题下面画一条垂直线。我用一个圆角矩形画了一条线,但问题是它没有按照文本的高度来塑造自己,而是有一定的高度,使文本符合该高度。你知道怎么解决这个问题吗?谢谢 截图 代码 您只需使用覆盖即可实现这一点 签出以下示例: HStack { Text("Lorem ipsum") .font(.body) .padding(.leading, 20)

我为我主持的subreddit制作了一个评论提要,我想在评论的左侧SwiftUI中文章标题下面画一条垂直线。我用一个圆角矩形画了一条线,但问题是它没有按照文本的高度来塑造自己,而是有一定的高度,使文本符合该高度。你知道怎么解决这个问题吗?谢谢


截图


代码

您只需使用覆盖即可实现这一点

签出以下示例:

HStack {
    Text("Lorem ipsum")
        .font(.body)
        .padding(.leading, 20)
        .foregroundColor(Color.black)
    Spacer()
}.overlay(RoundedRectangle(cornerRadius: 2, style: .continuous)
                        .frame(width: 3)
                        .foregroundColor(Color.gray)
                        .padding(.leading, 10),
          alignment: .leading)

尝试将.fixedSize(水平:false,垂直:true)添加到Hstack或main vstack。这是否回答了您的问题?谢谢,这非常有效!
HStack {
    Text("Lorem ipsum")
        .font(.body)
        .padding(.leading, 20)
        .foregroundColor(Color.black)
    Spacer()
}.overlay(RoundedRectangle(cornerRadius: 2, style: .continuous)
                        .frame(width: 3)
                        .foregroundColor(Color.gray)
                        .padding(.leading, 10),
          alignment: .leading)