SwiftUI -如何组合两个形状以创建带有笔划的演讲气泡

import SwiftUI

struct SpeechBubbleView: View {
    var body: some View {
        ZStack {
            // 底部形状
            RoundedRectangle(cornerRadius: 10)
                .foregroundColor(.blue)
            
            // 顶部形状
            Path { path in
                path.move(to: CGPoint(x: 0, y: 0))
                path.addLine(to: CGPoint(x: 50, y: 0))
                path.addLine(to: CGPoint(x: 50, y: 10))
                path.addLine(to: CGPoint(x: 60, y: 10))
                path.addLine(to: CGPoint(x: 50, y: 20))
                path.addLine(to: CGPoint(x: 50, y: 30))
                path.addLine(to: CGPoint(x: 0, y: 30))
            }
            .foregroundColor(.blue)
            .offset(x: 50, y: -10)
        }
        .frame(width: 100, height: 30)
    }
}

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, World!")
            SpeechBubbleView()
        }
    }
}

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