文本不会在快速用户界面中包裹

Question

即使在设置.lineLimit(nil)之后，文本也不会被包装。

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

[尝试将第二个文本的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 2

[在花费大量时间处理这样的错误后，我不能100％确定这是lineLimit问题。在撰写本文时，我发现具有更复杂视图的解决方案是以下代码片段，以防止换行：

.fixedSize(horizontal: false, vertical: true)

这将防止解释器垂直折叠文本，并在文本末尾留下一个“ ...”。

我希望这对某人有帮助。

Answer 3

看起来font拥有换行属性。

如果将其更改为body，则可以正确包装！

Answer 4

Xcode 11.3 / Swift 5.1的完整解决方案在这里有多个答案。

在Matteo Pacini's answer中找到发生这种情况的原因的解释：使用预定义的.font(.title)，.font(.headline)等似乎带来了以下行为：这些Text视图将自行调整大小，使其始终为椭圆形而不是环绕。但是，仅切换到.body似乎不是最好的解决方法。

最佳解决方法是在Sharpienero's answer中找到：将.fixedSize(horizontal: false, vertical: true)添加到Text视图中。这告诉Text视图不要对NOT椭圆进行自定义的水平调整水平逻辑，这使其遵循我们都习惯的标准规则。

感谢他们俩！

Answer 5

SwiftUI

。lineLimit（nil）与.lineLimit（任何数字）

VStack(alignment: .leading, spacing: 16.0) {
// Sets the maximum number of lines that text can occupy in the view.

      Text("SwiftUI is a user interface toolkit that lets us design apps in a declarative way. ")
      .font(.title)
      .lineLimit(3)

// But if you don't know about the the text size then Sets nil in the lineLimit.

      Text("SwiftUI is a user interface toolkit that lets us design apps in a declarative way. That's a fancy way of saying that we tell SwiftUI how we want our UI to look and work, and it figures out how to make that happen as the user interacts with it.... ")
       .font(.body)
       .lineLimit(nil)
}.padding(EdgeInsets(top: 0, leading: 8, bottom: 0, trailing: 8))

Answer 6

我遇到了一个由UIViewRepresentable包裹的UITextField情况，显示为：

VStack {
    Text("Long enough to wrap....")
    Spacer().frame(height: 40)
    CustomTextField()
}

当我添加Text时[CustomTextField停止换行。我对Text所做的一切无济于事。如果我删除了Spacer()，它的包装就很好了！

我最后将Spacer移开，并在Text上添加了底部填充。据我所知，我的CustomTextField很好，我看不出它为什么会影响SwiftUI布局算法。

Answer 7

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

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()
}