我有一个场景,其中的某些文本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
。
更新:
我在一个空白项目中运行了这段代码。这是一个视觉示例的屏幕截图。它没有显示我想要的方式。
目标是保持对齐,然后移动下面的第二行以从显示名称开始的位置开始。