如何在 Swift UI 的列表中的项目中制作可调整大小的文本

Question

我正在创建一个单元格，其中包含多个文本和一个图像。 我想要一个文本调整自身及其单元格的大小，但怎么做？

我尝试使用 .fixedSize() 和一些 UILabel 计算，但我可以修复它。

导航按钮也是列表中的一个单元格：

NavigationButton(destination: ..., isDetail: true, label: {
                    Cell(model: rowModel)
                })

struct Cell: View {
    var model: OfferModel

    var body: some View {
        VStack {
            HStack {
                Image(systemName: "camera").frame(width: 60, height: 60)
                VStack(alignment: .leading) {
                    Text(model.name)
                        .font(.caption)
                        .textContentType(.name)
                    Text(self.model.text)
                        .lineLimit(3)
                        .multilineTextAlignment(.leading)
                        .font(.title)
                }
                Spacer()
                OfferPriceView(model: model, alignment: .trailing)
            }
            OfferDetailInformationView(key: "Street", value: model.adress, style: .streetAddressLine1)
            OfferDetailInformationView(key: "City", value: model.city, style: .addressCity)
            OfferDetailInformationView(key: "Country", value: model.country, style: .countryName)
        }
    }
}

struct OfferDetailInformationView: View {
    var key: String
    var value: String
    var style: UITextContentType?

    init(key: String, value: String, style: UITextContentType? = nil) {
        self.key = key
        self.value = value
        self.style = style
    }

    var body: some View {
        HStack {
            Text("\(key):").bold()
            Text(value)
            .textContentType(style)
            Spacer()
        }
    }
}

struct OfferPriceView : View {
    let model: OfferModel
    let alignment: HorizontalAlignment

    init(model: OfferModel = .example, alignment: HorizontalAlignment = .center) {
        self.model = model
        self.alignment = alignment
    }

    var body: some View {
        VStack(alignment: alignment) {
            Text("\(String(format: "%.2f", model.cost))\(model.currency)").bold().color(.red)
            Text(model.paymentRate).color(.red)
        }
    }
}

如果文本不适合一行，我希望带有 model.text 的文本垂直扩展。 现在它只是将 tex 剪成一行。

视图结构如下：

• 内容视图：
  • 列表：
    • 导航按钮：
      • 垂直堆栈：
        • 水平堆叠：
          • 图片
          • 垂直堆栈：
            • 文字（型号.名称）
            • 文本（模型.文本）
          • 垫片
          • 垂直堆栈（在 OfferPriceView 内）：
            • 文本
            • 文本
        • 水平堆栈（OfferDetailInformationView）
          • 文字（货币）
          • 文字（付款）
          • 垫片

Answer 1

尝试

Text("Hello")
.font(.largeTitle)
.minimumScaleFactor(0.3)

Answer 2

.lineLimit修饰符是根据其内容控制Text高度的修饰符。

所以如果你想要无限行的文本（应该适合屏幕或者你必须使用ScrollView ），你应该使用这个：

.lineLimit(nil)

更新

在 Xcode 11 Beta 7 中测试， nil按预期工作，没有限制。 但是如果nil是不可接受的（就像它不是在早期版本中一样），那么将它设置为一个大整数：

.lineLimit(Int.max) 

请记住，在SwiftUI达到第一个发布版本之前，第二个选项只是一种解决方法。

Answer 3

您可以使用 lineLimit(nil) 使文本多行

    Text(repo.description)
                .font(.subheadline)
                .lineLimit(nil)

Answer 4

在 Xcode 11.1 GM Seeds 上进行测试，如果您没有为文本提供任何lineLimit修饰符，则Text将根据其文本字符串内容将行限制设置为无限。

生成了这个：

通过使用此代码：