[v2] setStackRoot Animations not working

[Stacyadam]

Issue Description

Trying to customize the setStackRoot animation to transition the screen from right to left instead of bottom to top. None of the documented screen animations appear to be working on setStackRoot though.

Steps to Reproduce / Code Snippets / Screenshots

Navigation.setDefaultOptions({
	animations: {
		setStackRoot: {
			x: {
				from: 1000,
				to: 0,
				duration: 300
			}
		}
	}
});

---

Environment

• React Native Navigation version: 2.7.1
• React Native version: 0.57.8
• Platform(s) (iOS, Android, or both?): both
• Device info (Simulator/Device? OS version? Debug/Release?): Debug

[aaronisme]

facing the same issue, whether this function supported?

[cvarley100]

Also experiencing the same issue

[cvarley100]

@Stacyadam See #3495 (comment)

[Stacyadam]

@cvarley100 thanks for linking that comment. I tried directly setting both push and setStackRoot from .setStackRoots options as suggested but am still getting a bottom to top animation.

[cvarley100]

@Stacyadam This is all I need to do to prevent the screen animating in.

Navigation.setStackRoot('appStack', {
                    component: {
                        name: 'nextScreen',
                        options: {
                            animations: {
                                push: {
                                    enable: false,
                                },
                            }
                        },
                    },
                });

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[stale]

The issue has been closed for inactivity.

[exentrich]

The issue is still actual in latest RNN. I can only disable animation, but customization is not working.

[exentrich]

Reopen this issue please!
Probably this pull request will fix this issue

[adeca]

As far as I could tell, the iOS code is using animations.setStackRoot to determine if the animation is enabled, but it is using animations.push to customize the animation.

The PR referenced above does not fix this, it only updates the Typescript interfaces, but does not change the native code.

In my opinion this inconsistency should be fixed by either using setStackRoot or push for both determining if it's enabled and customizing.