SwiftUI中List行swipeActions无法应用cornerRadius问题

你当前的问题是给LitterView添加cornerRadius(20)后，仅主内容区域生效，滑动显示操作按钮时，操作区域没有跟随圆角。这是因为swipeActions属于列表行的一部分，而你只给行内的子视图设置了圆角，没有作用到整个行的容器上。

解决方法是将圆角应用到列表行的背景上，而不是直接给LitterView设置：

修改后的完整代码 #

List {
    ForEach(litters, id: \.id) { litter in
        LitterView(litter: litter)
            .confirmationDialog("Are you sure that you want to delete \(litter.name)?",
                                isPresented: $showingLitterDeletionConfirmation,
                                titleVisibility: .visible) {
                Button("Delete \(litter.name)", role: .destructive) {
                    deleteLitter(id: litter.id)
                    litters = getAllLitters()
                }
                Button("Annuler", role: .cancel) {}
            }
            .swipeActions(edge:.leading) {
                Button(action: {
                    showingLitterDeletionConfirmation = true
                }) {
                    Image(systemName: "minus.circle")
                }
                .tint(.red)
            }
            .swipeActions(edge:.trailing) {
                Button(action: {
                    litter.clean()
                    litters = getAllLitters()
                }) {
                    Image(systemName: "paintbrush")
                }
                .tint(.green)
            }
            .listRowInsets(EdgeInsets())
            .listRowSeparator(.hidden)
            // 关键：给列表行背景添加圆角，替换原LitterView上的cornerRadius
            .listRowBackground(
                RoundedRectangle(cornerRadius: 20)
                    .fill(Color(UIColor.systemBackground)) // 根据你的UI需求调整颜色
            )
    }
}
.scrollContentBackground(.hidden)

关键说明 #

• 移除LitterView原有的.cornerRadius(20)，改为通过listRowBackground给整个列表行设置带圆角的背景容器
• RoundedRectangle的填充颜色可以根据你的界面风格调整，比如用Color.white或者系统背景色Color(UIColor.systemBackground)来适配明暗模式
• 保持.listRowInsets(EdgeInsets())，确保背景容器完全贴合行内容，不会出现额外间距

这样修改后，滑动显示操作按钮时，整个行（包括操作区域）都会保持统一的圆角效果，和你期望的目标效果一致。

内容的提问来源于stack exchange，提问作者Louis 'LYRO' Dupont