Как применить фон за пределами углового радиуса закругленного вида? [закрыто] ⇐ IOS

[Anonymous]

Я учусь создавать всплывающее уведомление для приложения iOS с помощью SwiftUI.
Я не могу понять, как нарисовать фон за пределами закругленного представления — в частности, мне нужна цветная боковая панель позади содержимого всплывающего представления.
Вот что я сейчас получаю:


И вот какой пользовательский интерфейс я хочу получить:


Вот мой код:

Код: Выделить всё

struct FancyToastView: View {
var type: FancyToastStyle
var title: String
var message: String
var onCancelTapped: (() -> Void)
var body: some View {
VStack(alignment: .leading) {
HStack(alignment: .top) {
Image(systemName: type.iconFileName)
.foregroundColor(type.themeColor)

VStack(alignment: .leading) {
Text(title)
.font(.system(size: 14, weight: .semibold))

Text(message)
.font(.system(size: 12))
.foregroundColor(Color.black.opacity(0.6))
}

Spacer(minLength: 10)

Button {
onCancelTapped()
} label: {
Image(systemName: "xmark")
.foregroundColor(Color.black)
}
}
.padding()
}
.background(Color.white)
.overlay(
Rectangle()
.fill(type.themeColor)
.frame(width: 6)
.clipped()
, alignment: .leading
)
.frame(minWidth: 0, maxWidth: .infinity)
.cornerRadius(8)
.shadow(color: Color.black.opacity(0.25), radius: 4, x: 0, y: 1)
.padding(.horizontal, 16)
}
}

Как применить фон к закругленному виду, чтобы углы оставались закругленными, но фон по-прежнему заполнял всю ширину?


Подробнее здесь: https://stackoverflow.com/questions/798 ... ner-radius