SwiftUI如何实现图片超出Form边界且全设备显示正常？

需要实现圆形视图延伸至Form组件上方的悬浮效果，现有代码在iPod touch（第7代）模拟器运行可达到预期，但在iPhone 12、iPhone 13等设备运行时，超出Form边界的圆形部分会被裁剪，展示异常。

• 预期效果：
• 异常效果：

原有实现代码：

struct ContentView: View {
    var body: some View {
        Form {
            Circle()
                .frame(width: 100, height: 100)
                .clipShape(Circle())
                .offset(y: -50)
                .padding(.bottom, -50)
        }
    }
}

不同设备、不同iOS系统版本下，SwiftUI的Form组件默认裁剪规则不一致：部分旧环境下Form不会自动裁剪超出自身布局边界的子视图，offset搭配负内边距的溢出写法可以正常显示；但iPhone 12/13对应的系统版本中，Form默认开启了子视图裁剪，所有超出Form边界的内容都会被截断，导致效果异常。

优先选择ZStack叠层方案，无兼容性问题
不要把悬浮的圆形视图放在Form内部，改用ZStack做层叠布局，把圆形视图放在Form层级上方，彻底绕开Form的裁剪限制，这种写法在所有iOS设备、所有系统版本下表现完全一致。

修正后代码：

struct ContentView: View {
    var body: some View {
        ZStack(alignment: .top) {
            // 底层Form组件
            Form {
                // 顶部预留出圆形视图的占位高度，避免Form内容被圆形遮挡
                Color.clear
                    .frame(height: 50)
                // 后续放置原有Form的其他业务内容即可
            }
            
            // 顶层悬浮圆形视图，不会被Form裁剪
            Circle()
                .fill(.red) // 替换为你实际需要展示的图片/样式
                .frame(width: 100, height: 100)
                .clipShape(Circle())
                .padding(.top, 8) // 根据实际UI需求调整顶部偏移距离即可
        }
    }
}

如果你一定要把圆形放在Form内部，也可以通过修改底层UIKit属性关闭Form的裁剪，但这种属于依赖底层实现的hack方案，不推荐生产环境使用，后续系统版本调整Form底层结构时可能失效，参考代码如下：

struct ContentView: View {
    var body: some View {
        Form {
            Circle()
                .frame(width: 100, height: 100)
                .clipShape(Circle())
                .offset(y: -50)
                .padding(.bottom, -50)
        }
        .onAppear {
            // 关闭Form对应UITableView的边界裁剪
            UITableView.appearance().clipsToBounds = false
        }
    }
}

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