React-native-navigation: [iOS] showModal custom animation Platform inconsistency

Created on 7 May 2019 · 17Comments · Source: wix/react-native-navigation

Issue Description

showModal animations options differ on iOS and Android.

Related issue: #4886 and maybe this? #5036

Steps to Reproduce / Code Snippets / Screenshots

Navigation.showModal({
  stack: {
    children: [
      {
        component: {
          name: 'COMPONENT_NAMAE',
          options: {
            animations: {
              showModal: {
                // Works on Android but not on iOS
                alpha: {
                  from: 0,
                  to: 1,
                  duration: 250,
                },

                // Only works on iOS
                content: {
                  alpha: {
                    from: 0,
                    to: 1,
                    duration: 250
                  }
                }
              },
            },
          },
        },
      },
    ],
  },
})

The same config is applicable in dismissModal animations option as well as single component showModal.

Environment

React Native Navigation version: 2.18.4
React Native version: 0.59.3
Platform(s) (iOS, Android, or both?): iOS
Device info (Simulator/Device? OS version? Debug/Release?): all

iOS acceptebug 📌 pinned

Source

jinshin1013

👍4

Most helpful comment

Fixed in v5 :)

guyca on 7 Feb 2020

🎉2

All 17 comments

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.