使用 SwiftUI 制作镜面翻转反射倒影效果

struct ContentView: View {
    var body: some View {
        VStack {
            bodyView()
                // 背景设置中制作翻转效果
                .background(
                    bodyView()
                        // 设置轻微模糊效果
                        .blur(radius: 0.5)
                        // 进行 3D 翻转
                        .rotation3DEffect(.init(degrees: 180), axis: (x: 1, y: 0, z: 0))
                        .mask({
                            // 再给一个渐变的遮罩
                            LinearGradient(colors: [
                                .white.opacity(0.75),
                                .white.opacity(0.3),
                                .white.opacity(0.1),
                                .clear
                            ], startPoint: .top, endPoint: .bottom)
                        })
                        // 纵向偏移到合适的位置
                        .offset(y: 86)
                )
        }
        .padding()
    }
    
    @ViewBuilder
    func bodyView()-> some View {
        HStack {
            Image("codeun")
                .resizable()
                .frame(width: 108, height: 86)
            Text("www.codeun.com")
                .font(.system(size: 28))
                .fontWeight(.semibold)
            
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}