繁体   English   中英

SwiftUI 列表的 MacOS 插入填充

[英]SwiftUI MacOS Inset paddings of List

我在 macOS 应用程序上有一个使用 SwiftUI 的滚动列表视图,我试图在可滚动区域内添加填充,但没有成功。 这是我的代码:

List(appListItems, id: \.self, selection: $selectedItem) { app in
    ApplistItem(item: app, selected: selectedItem?.hashValue == app.hashValue)
}
.background(Color.red)
.padding(24)

但我得到的是:

在此处输入图像描述

设计要求是这样的,如您所见,我希望滚动条保持在右边缘,并且顶部/底部距离应包含在滚动区域中,而不是放在滚动区域之外。 不需要水平填充,但我不知道如何处理顶部和底部填充并将它们保持在滚动区域内

在此处输入图像描述

您需要列表行插图,但它适用于动态内容,因此您需要使用ForEach ,例如

List {
   ForEach(appListItems, id: \.self, selection: $selectedItem) { app in
      ApplistItem(item: app, selected: selectedItem?.hashValue == app.hashValue)
   }
   .listRowInsets(EdgeInsets(top: 0, leading: 24, bottom: 0, trailing: 24))
}
.background(Color.red)

只需在循环前后添加Spacer解决。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM