列表区域无用

Question

我有一个包含三个文本字段的列表。在这三个元素下，我有一个空白区域（列表的一部分）。我想“ delete”该区域。我在列表末尾插入了.listStyle(GroupedListStyle())，但它并没有解决所有问题。

 VStack {

            fakebar

            //Lista

            List {
                TextField("Destinatario", text: $destinatario)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                TextField("Spedizione", text: $nomeRegalo)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                TextField("Costo", text: $costo)
                    .textFieldStyle(RoundedBorderTextFieldStyle())

            //                picker.padding(.horizontal, -40)



            }
            .actionSheet(isPresented: $isSheetOut) {
                self.actionSheet
            }
            .sheet(isPresented: $isPhotoPickOut) {
                self.libPick
            }.listStyle(GroupedListStyle())

Answer 1

liststyle修饰符现在正在修改工作表。

直接在列表上使用，然后在工作表和操作表上使用。

List {
    // your code here
}.listStyle(GroupedListStyle())

.actionSheet(isPresented: $isSheetOut) {
    self.actionSheet
}
.sheet(isPresented: $isPhotoPickOut) {
    self.libPick
}

应该可以解决问题。

如果这不是问题，但想将其余空间用于其他内容，是的，这是没有用的。您可以考虑其他方式来展示TextField和其他UI。