Need help in swip a View when we have safeAreaInsets in SwiftUI

Question

I want swip ViewA in this code down you can see, the codes working well in portrait mode, as long as I rotate screen and trying it in landscape mode, the safeAreaInsets came to play a role and I am unable to fix the issue! More information I want ViewA be untouched for fixing this issue, and I want the edit and modification happens in ContentView. Also I made a small gif to show you the issue, thanks for reading and helping me all.

 import SwiftUI

struct ContentView: View {
    
    @State private var locationViewA: CGFloat = CGFloat()
    @GestureState private var translationViewA: CGFloat = CGFloat()
    
    var body: some View {
        
        GeometryReader { geometry in
            
            Color.black.ignoresSafeArea()
            
            ViewA()
                .position(x: locationViewA + translationViewA + geometry.size.width/2, y: geometry.size.height/2)
                .gesture( DragGesture()
                            .updating($translationViewA) { value, state, _ in state = value.translation.width }
                            .onEnded { value in locationViewA += value.translation.width } )
  
        }
        
    }
    
}

struct ViewA: View {
    
    var body: some View {
        
        ZStack {
            
            Color.red
                .ignoresSafeArea()
            
            VStack { Color.yellow }
            .padding()
            
        }
        
    }
}

Answer 1

等待大神解答