Родительский вид игнорирует безопасную зону, но дочерний вид соблюдает безопасную зону

Я создаю собственную полноэкранную обложку, которую можно перетаскивать жестом, как в приложении подкаста.

Для модификатора перехода с краем в качестве нижнего он использует нижний край родительского представления, поэтому, если родительское представление не игнорирует безопасную область, анимация удаления (т. е. скольжение вниз) «застревает»/«сбивается» внизу. край экрана.

Проблема в том, что я хочу, чтобы элементы полноэкранного покрытия, такие как текст и кнопки, соответствовали безопасной области, за исключением ее фона.

Я не уверен, как это исправить. Каждое отдельное решение по stackoverflow совершенно не имеет значения, поскольку они предлагают использовать модификатор фона, не принимая во внимание использование модификаторов, таких как переход с краем в качестве нижнего.

struct Tabs: View {
     @State private var showingCover = false

     var body: some View {

        ZStack {
            TabView {
                ...
            }
            
            if showing {
                FullScreenCover(showingCover: $showingCover)
                    .zIndex(1)
                    .transition(.move(edge: .bottom))
            }
        }
        .ignoresSafeArea() //I need to set this here so that the bottom edge recognised by the transition modifier would be the very bottom edge of the device. 
    }
}

struct FullScreenCover: View {
    @Binding var showingCover: Bool
    @State private var offset: CGFloat = 0.0

    var body: some View {
        ZStack(alignment: .bottom) {
            //Blue color is the background
            Color.blue
                .ignoresSafeArea()
            
            //Other elements like text must respect safe area
            Text("Hello")
        }
        .offset(y: offset)
        .gesture(
            DragGesture(minimumDistance: 1)
                .onChanged { value in
                    if value.translation.height > 0 {
                        withAnimation(.smooth(duration: 0.1)) {
                            //Drag cover vertically based on drag gesture
                            offset = value.translation.height
                        }
                    }
                }
                .onEnded { value in
                    if value.predictedEndTranslation.height < 200 {
                        withAnimation(.smooth()) {
                            //Pop cover back fully
                            offset = 0
                        }
                    } else {
                        withAnimation(.smooth()) {
                            //Dismiss cover to the bottom of the screen
                            showingCover = false
                            offset = 0
                        }
                    }
                }
        )
    }
}