React-native-router-flux: How can we open a new screen with animation ?

[SunnySny]

I am trying to open a new screen with animation like :
slide in from right, bounce in from right, flip screen x or y axis etc...
Please help me i want to open screen like react-native-modal library...

[Y-JH]

I want to know too.

[Bang9]

searching react-navigation transitionConfig, It can be provide to Scene or Stack by prop

[nikola-kolosek]

@Bang9 Said:

searching react-navigation transitionConfig, It can be provide to Scene or Stack by prop

That prop is no longer present in 4.0.6

[Bang9]

@nikola-kolosek transitionConfig is not react-native-router-flux prop but react-navigation prop
It can be provided to react-navigation through react-native-router-flux(RNRF is based on react-navigation)

[nikola-kolosek]

@Bang9
So it can not be done inside flux's <Router>?
That's exactly what i am saying. I have to migrate to react-navigation's default routing in order to get a simple transition animation change

[Bang9]

@nikola-kolosek Never, Just use Router of react-native-router-flux and provide transitionConfig prop to Stack or Scene like screen shot above

[nikola-kolosek]

@Bang9
Okay, sorry, I fixed my issue. All of my Scenes were nested inside other Scenes, instead of Stacks.
But still, the code completion doesn't suggest that the transitionConfig is present, and it's not present in the index.d.ts file.
Also I think it should be documented in the API

[Bang9]

react-native-router-flux goal is below

helps users to define all the routes in one central place and navigate and communicate between different screens in an easy way

transitionConfig is not part of RNRF, but just inherit of react-navigation