How to set background color for DynamicIslandExpandedRegion(.bottom)?

Question

I want to set a background color to the bottom area of the expanded Dynamic Island. Like how Flighty does it. How can I do this?

I am pretty new to SwiftUI and I can't find anything online that can help me.

Answer 1

DynamicIslandExpandedRegion takes a View in its content closure, so you could simply do it like this:

DynamicIslandExpandedRegion(.bottom) {
    Text("Example")
        .padding()
        .background(Color.green)
}