能否消除Dynamic Island内边距并设置其整体背景色？

图中“A”处的黑色弧形边框效果很好，但尝试用颜色填充至该边框时，边缘以及四个区域之间（图中“B”处指针指向位置）存在内边距。

是否有办法为Dynamic Island设置整体背景色？

我已尝试了所有能想到的方法，例如：

• .containerRelativeFrame(.horizontal)
• .frame(minWidth: 0, maxWidth: .infinity)及其变体
• 使用GeometryReader、ignoresSafeArea调用、dynamicIsland#verticalPlacement等

生成上图的代码如下：

DynamicIsland {
    DynamicIslandExpandedRegion(.leading) {
        VStack {
            Text("Ldng")
        }
        .ignoresSafeArea()
        .background(.red)
    }
    DynamicIslandExpandedRegion(.center) {
        VStack {
            Text("center!")
        }
        .ignoresSafeArea()
        .background(.green)
    }
    DynamicIslandExpandedRegion(.trailing) {
        VStack {
            Text("Trng")
        }
        .ignoresSafeArea()
        .background(.yellow)
    }
    DynamicIslandExpandedRegion(.bottom) {
        VStack {
            Text(context.attributes.name)
            Text(context.attributes.name + "extremely long whaaa")
        }
        .frame(minWidth: 0, maxWidth: .infinity)
        .background(Color(UIColor.TexasBackgroundBlue))
        .ignoresSafeArea()
    }
}

是否存在可为Dynamic Island设置整体背景色的方法？

内容的提问来源于stack exchange，提问作者Fattie