Try using a mask over the image to create a fade. The clear color will work as your new "black"—it allows the system's adaptive background to bleed through behind the text, providing natural contrast even in tinted modes.
.mask {
LinearGradient(
gradient: Gradient(colors: [.black, .clear]),
startPoint: .top,
endPoint: .bottom
)
}
Topic:
App & System Services
SubTopic:
Widgets & Live Activities
Tags: