如何刪除 swiftui 上列表視圖的底部空間

Question

我想刪除列表元素下方的空白區域。 列表行的高度必須是動態的。 如果我刪除列表，那么內容將從底部開始。

這是代碼：

    var body: some View {
        
            VStack{
                Spacer()

                HStack{
                    Text(orderDetails.orderNumber ?? "").bold()
                    Spacer()
                }
                List{
                    Section(header: ListHeader()) {
                        ForEach(paidDetails.indices,id:\.self) { i in
                            HStack {
                                Text("Paid By:")
                                Spacer()
                                Text(paidDetails[i].name ?? "")
                                Spacer()
                                Text((paidDetails[i].amountCollected))   
                            }
                        }
                        
                    }
                }
                                    
                Button(action: {
                    presentationMode.wrappedValue.dismiss()
                }, label: {
                    Text("Close".localized).bold()    
                })
                .background(Color("CallCustomerBG")) 
            }   
        }
}

Answer 1

您可以將該按鈕添加到部分頁腳，如下所示：

Section(header: ListHeader(), footer: {
    Button(action: {
        presentationMode.wrappedValue.dismiss()
    }, label: {
        Text("Close".localized).bold()
    })
    .background(Color("CallCustomerBG"))
}) {
    ForEach(paidDetails.indices,id:\.self) { i in
        HStack {
            Text("Paid By:")
            Spacer()
            Text(paidDetails[i].name ?? "")
            Spacer()
            Text((paidDetails[i].amountCollected))
        }
    }
}