React Router Native v5 with your desired customisation transition style! - The code as simple as it is. < > AnimatedStack < = > Route exact path '/' < /> Home </ > Route < = > Route path '/about' < /> About </ > Route < = = /> Route path '/topics' component {Topics} </ > AnimatedStack If you want different kind of transition activedViewStyleHandler={({ location, action, isNestedRoute }) => { { : [ { : enterAnimKit.interpolate({ : [ , ], : [width, ] }) }, { : enterAnimKit.interpolate({ : [ , , ], : [ , , ] }) } ] }; }} deactivedViewStyleHandler={({ location, action, isNestedRoute }) => { { : [ { : exitAnimKit.interpolate({ : [ , ], : [ , -width] }) }, { : exitAnimKit.interpolate({ : [ , , ], : [ , , ] }) } ] }; }} return transform translateX inputRange 0 1 outputRange 0 scale inputRange 0 0.5 1 outputRange 1 0.2 1 return transform translateX inputRange 0 1 outputRange 0 scale inputRange 0 0.5 1 outputRange 1 0.2 1 yarn add react-router-native react-router-native-animate-stack or npm install react-router-native react-router-native-animate-stack --save Visiting for more details https://github.com/Taymindis/react-router-native-animate-stack