swiftUI如何创建气泡效果？

import SwiftUI

struct BubbleView: View {
    var body: some View {
        ZStack {
            // 定义气泡的路径
            Path { path in
                let width: CGFloat = 200
                let height: CGFloat = 100
                let cornerRadius: CGFloat = 15
                
                path.move(to: CGPoint(x: cornerRadius, y: 0))
                path.addLine(to: CGPoint(x: width - cornerRadius, y: 0))
                path.addArc(tangent1End: CGPoint(x: width, y: 0), tangent2End: CGPoint(x: width, y: cornerRadius), radius: cornerRadius)
                path.addLine(to: CGPoint(x: width, y: height - cornerRadius))
                path.addArc(tangent1End: CGPoint(x: width, y: height), tangent2End: CGPoint(x: width - cornerRadius, y: height), radius: cornerRadius)
                path.addLine(to: CGPoint(x: cornerRadius, y: height))
                path.addArc(tangent1End: CGPoint(x: 0, y: height), tangent2End: CGPoint(x: 0, y: height - cornerRadius), radius: cornerRadius)
                path.addLine(to: CGPoint(x: 0, y: cornerRadius))
                path.addArc(tangent1End: CGPoint(x: 0, y: 0), tangent2End: CGPoint(x: cornerRadius, y: 0), radius: cornerRadius)
            }
            .fill(LinearGradient(gradient: Gradient(colors: [.blue, .white]), startPoint: .top, endPoint: .bottom))
            .shadow(color: .black.opacity(0.3), radius: 5, x: 0, y: 5)
        }
        .frame(width: 200, height: 100)
        .padding()
    }
}

struct ContentView: View {
    var body: some View {
        BubbleView()
    }
}

@main
struct BubbleApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}