如何为SwiftUI View的上下文菜单预览添加内边距？

你可以通过自定义上下文菜单的预览视图来实现——给预览视图单独添加内边距，同时保持原单元格视图无内边距，不影响LazyVGrid的布局间距管理。

具体做法是利用contextMenu修饰器的preview参数，传入一个添加了内边距的单元格视图副本：

// 假设你已经定义了gridColumns和items数组
LazyVGrid(columns: gridColumns) {
    ForEach(items) { item in
        // 先定义原单元格视图，复用它来创建预览
        let cellContent = Text(item.title)
        
        cellContent
            .contextMenu(preview: {
                // 给预览视图添加内边距，数值可按需调整
                cellContent.padding(16)
                // 如果需要匹配原单元格的背景样式，可额外添加background
                // cellContent.padding(16).background(Color(UIColor.systemBackground))
            }) {
                Button("编辑") { /* 执行编辑逻辑 */ }
                Button("删除") { /* 执行删除逻辑 */ }
            }
    }
}

这种方式的好处是：

• 原单元格视图依然由LazyVGrid控制间距，保持你想要的布局效果
• 上下文菜单的预览视图拥有独立的内边距，视觉上更美观
• 可以灵活调整预览的内边距数值，甚至添加背景、圆角等样式来优化预览效果

内容的提问来源于stack exchange，提问作者Halpo