如何在 SwiftUI 的 ScrollView 中创建多行文本

发布于06月15日

由于List目前看起来不像是可配置的删除行分隔符，所以我使用ScrollView和VStack来创建文本元素的垂直布局.下面的例子:

ScrollView {
    VStack {
        // ...
        Text("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis ullamcorper tortor, nec finibus sapien imperdiet non. Duis tristique eros eget ex consectetur laoreet.")
            .lineLimit(0)
    }.frame(width: UIScreen.main.bounds.width)
}

生成的Text条渲染线被截断为一行.在ScrollView之外，它渲染为多行.除了明确设置Text帧的高度，我如何在ScrollView中实现这一点？

推荐答案

Xcode 11 GM年:

For any 100 view in a stack nested in a scrollview,使用.fixedSize(horizontal: false, vertical: true)解决方案:

ScrollView {
    VStack {
        Text(someString)
            .fixedSize(horizontal: false, vertical: true)
    }
}

This also works if there are multiple multiline texts:

ScrollView {
    VStack {
        Text(someString)
            .fixedSize(horizontal: false, vertical: true)
        Text(anotherLongString)
            .fixedSize(horizontal: false, vertical: true)
    }
}

If the contents of your stack are dynamic, the same solution works:

ScrollView {
    VStack {
        // Place a single empty / "" at the top of your stack.
        // It will consume no vertical space.
        Text("")
            .fixedSize(horizontal: false, vertical: true)

        ForEach(someArray) { someString in
            Text(someString)
              .fixedSize(horizontal: false, vertical: true)
        }
    }
}