Question

我想在列表中有自定义单元格，但是V堆栈中的文本不会自动换行并排成第二行。它以...结尾，并且不会持续第二，第三行，这是需要的行数。

我已经尝试将.linelimit（nil）和.linelimit（随机数）和.scaledToFill（）应用于每个堆栈和视图以及列表本身，但是它没有帮助我。最终，我做到了\ n并且奏效了，但这不是我想要的。

struct ContentView: View {

var body: some View {

    List {
        VStack(alignment: .leading) {
            HStack {
                Image(systemName: "a.square").font(.largeTitle)
                Text("Title 1").font(.largeTitle)
            }
            Text("Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. ").font(.subheadline)
            }

        VStack(alignment: .leading) {
            HStack {
                Image(systemName: "b.square").font(.largeTitle)
                Text("Title 2").font(.largeTitle)
            }
            Text("Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. ").font(.subheadline)
        }
    }//.lineLimit(nil)
}
}

我想把文本“ Lorem ipsom dolor ...”包裹起来，再换一行。第一张是问题，第二张是具有\ n分辨率的安慰剂。

Xcode 11 beta 4 预先感谢！

Answer 1

我只能通过使用带有填充的ZStack来纠正视图的布局来获得预期的布局。或者，可以使用自定义对齐方式。

编辑：您还可以在文本字段中使用.frame（idealHeight：.infinity）修饰符。它会扩展，但总是缺少一行。

truct MultiT: View {
       var body: some View {

    List {
        ZStack(alignment: .topLeading) {

            Image(systemName: "a.square")
                .font(.largeTitle)
                .padding(.top, 8)
            Text("Title 1")
                .font(.largeTitle)
                .padding(.leading, 40)

            Text("Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. ")
                .font(.subheadline)
                .padding(.top, 40)
        }

        ZStack(alignment: .topLeading) {

            Image(systemName: "b.square")
                .font(.largeTitle)
                .padding(.top, 8)
            Text("Title 2")
                .font(.largeTitle)
                .padding(.leading, 40)

            Text("Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. Lorem ipsum dolor sit amet lalallaa. ")
                .font(.subheadline)
                .padding(.top, 40)
        }
    }.lineLimit(nil)
}
}

如何在SwiftUI上使用堆栈定义列表内的行限制

1 个答案: