列表区域无效

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
}

这应该能解决问题。

如果这不是问题所在，但想把剩下的空间用来做其他事情，那么是的，这有点没用。您可以考虑其他方式来显示您的TextFields和其他UI。。