0

我有一个场景,其中的某些文本HStack可能需要多行。我希望文本延伸到下一行,这样用户会看到两行都左对齐。

这是我的一些基本设置View

VStack(alignment: .center) {
    HStack(spacing: 4) {
        HStack(spacing: 4) {
            Text("display name")
            Image("display image").resizable().frame(width: 10, height: 10, alignment: .center)
        }
        Text("blah blah blah") // This text can extend to more than 1 line...
            .lineLimit(nil) // so the text will be more than 1 line...
            .frame(maxWidth: .infinity, alignment: .leading)
            .fixedSize(horizontal: false, vertical: true)
        Spacer()
    }
    .padding(EdgeInsets(top: 32, leading: 0, bottom: 0, trailing: 16))
    Spacer()

    // more stuff here
}

所以这里发生的情况是我的文本确实延伸到多行,但它保持在自己的小框中,它不会移动到一个全新的行中,所以它将位于 this 中的第一个文本之下HStack

更新:

我在一个空白项目中运行了这段代码。这是一个视觉示例的屏幕截图。它没有显示我想要的方式。

目标是保持对齐,然后移动下面的第二行以从显示名称开始的位置开始。

在此处输入图像描述

4

0 回答 0