Android - topBar/content animation push+pop timing inconistency

[kyle-ssg]

Issue Description

Given the following code, the topbar and content are not aligned. Also, for some reason you have to always explicitly set topbar enabled:true for it to animate, content you don't.

Steps to Reproduce / Code Snippets / Screenshots

Given the following code, the topbar and content are not aligned.

   push: {
                enabled: true,
                topBar: {
                    enabled:true,
                    x: {
                        from: fromX,
                        to: toX,
                        duration: duration,
                        interpolation: 'decelerate',
                    },
                    alpha: {
                        from: fromFade,
                        to: toFade,
                        duration: duration,
                        interpolation: 'decelerate',
                    },
                },
                content: {
                    x: {
                        from: fromX,
                        to: toX,
                        duration: duration,
                        interpolation: 'decelerate',
                    },
                    alpha: {
                        from: fromFade,
                        to: toFade,
                        duration: duration,
                        interpolation: 'decelerate',
                    },
                },
            },

Push

Pop

---

Environment

• React Native Navigation version: 4.0.4 (happens also on 3.1.0)
• React Native version: 0.61.5
• Platform(s) (iOS, Android, or both?): ANDROID
• Device info (Simulator/Device? OS version? Debug/Release?): Pixel XL API 29

[manuhook]

Hi @kyle-ssg did you manage to have a topbar animation on every push without changing topbar visibility ? thanks 🙏