我正在嘗試制作一個簡單的待辦事項串列應用程式,并且似乎遇到了一些串列視圖特性。我有一個產生這個的視圖:
struct TestView: View {
var body: some View {
VStack(alignment: .leading) {
Text("Wash the laundry")
.font(.headline)
Spacer()
HStack {
Label("9 days ago", systemImage: "calendar")
Spacer()
Label("No assignee", systemImage: "person.fill")
.labelStyle(.trailingIcon)
.foregroundColor(.gray)
}
.font(.caption)
}
.padding()
}
}
struct TestView_Previews: PreviewProvider {
static var previews: some View {
TestView()
.previewLayout(.fixed(width: 400, height: 60))
}
}
然而,當我將其放入串列時,結果如下:
struct TestListView: View {
var body: some View {
NavigationView {
List {
TestView()
}
.navigationTitle("All Tasks")
.listStyle(.grouped)
}
}
}
請注意它添加的日歷圖示(以及看似整個底行)周圍的額外填充。我該如何洗掉這個?
uj5u.com熱心網友回復:
List
行具有默認插圖。您可以通過在行上設定一個空插圖來擺脫它:
List {
TestView()
.listRowInsets(.init()) // ?? Here
}
uj5u.com熱心網友回復:
雖然您收到了有關日歷圖示周圍填充的答案,但默認情況下 SwiftUI 仍會插入串列行的內容。
要洗掉這些插入,您可以在行的內容上使用
讓我知道它是否適合您。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/530621.html
標籤:IOS迅速迅捷swiftui 列表
上一篇:XcodeGen如何指定SPM包