The text doesn't gets wrap in swift UI

Question

Even After setting the .lineLimit(nil) the text doesn't get a wrap.

var body: some View {
    VStack(alignment: .center) {
        Text("SwiftUI is a modern way to declare user interfaces for any Apple platform. ")
            .font(.title)
            .color(.red)
            .lineLimit(nil)
        Text("Create beautiful, dynamic apps faster than ever before.")
            .font(.system(size: 20))
            .lineLimit(nil)
    }.padding(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
}

Answer 1

在花了很多时间处理这样的错误之后，我不能 100% 确定这是一个 lineLimit 问题。在撰写本文时，我找到的解决方案更复杂的视图是以下代码片段，以防止包装：

.fixedSize(horizontal: false, vertical: true)

这应该可以防止解释器垂直折叠文本。

我希望这可以帮助别人。

Answer 2

从 Xcode 11.3 / Swift 5.1 开始的完整解决方案可在此处的多个答案中找到。

为什么会发生这种情况的解释可以在Matteo Pacini 的答案中找到：使用预定义的.font(.title)、等似乎会带来这些视图将自身大小调整为始终椭圆化而不是换行的.font(.headline)行为。Text然而，简单地切换到.body似乎并不是最好的解决办法。

最好的解决方法可以在Sharpienero 的答案中找到：添加.fixedSize(horizontal: false, vertical: true)到您的Text视图中。这告诉Text视图不要执行其自定义的调整大小水平逻辑（即“不省略”），这会导致它遵循我们都习惯的标准规则。

感谢他们俩！

Answer 3

It looks like the font holds line wrapping attributes.

If you change it to body, then it wraps correctly!

Answer 4

尝试将第二个“文本” lineLimit更改为数字而不是nil：

VStack(alignment: .leading) {
  Text("SwiftUI is a modern way to declare user interfaces for any Apple platform. ")
    .font(.title)
    .color(.red)
    .lineLimit(nil)
  Text("Create beautiful, dynamic apps faster than ever before.")
    .font(.system(size: 20))
    .lineLimit(2)
 }.padding(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))

结果：

Answer 5

对于我的问题，我有这样的设置：

public var body: some View {
    Form {
        Text("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
            .font(.title)

        Spacer()
            .fixedSize()

        Text("""
            Integer ut orci odio. Proin cursus ut elit eget rutrum. Nunc ante sem, euismod sed purus sed, tempus elementum elit. Phasellus lobortis at arcu quis porta. Cras accumsan leo eu tempus molestie. Suspendisse vulputate diam ipsum, et tristique lorem porta et. Pellentesque sodales est id arcu luctus venenatis.

            Vestibulum non magna lorem. In tincidunt aliquet nunc, sit amet pharetra neque hendrerit id.

            Cras sed!
            """)

        NativeButton("OK", keyEquivalent: .return) { self.screen = .game }
    }
        .frame(maxWidth: 480)
        .fixedSize()
        .padding()
}

出于某种原因，我所要做的就是添加minWidth: 480, idealWidth: 480到框架中并正确渲染所有内容。没想到这个，因为我已经申请了.fixedSize()，所以我想这三个中的一个就足够了。

public var body: some View {
    Form {
        Text("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
            .font(.title)

        Spacer()
            .fixedSize()

        Text("""
            Integer ut orci odio. Proin cursus ut elit eget rutrum. Nunc ante sem, euismod sed purus sed, tempus elementum elit. Phasellus lobortis at arcu quis porta. Cras accumsan leo eu tempus molestie. Suspendisse vulputate diam ipsum, et tristique lorem porta et. Pellentesque sodales est id arcu luctus venenatis.

            Vestibulum non magna lorem. In tincidunt aliquet nunc, sit amet pharetra neque hendrerit id.

            Cras sed!
            """)

        NativeButton("OK", keyEquivalent: .return) { self.screen = .game }
    }
        .frame(minWidth: 480, idealWidth: 480, maxWidth: 480)
        .fixedSize()
        .padding()
}