zoomIn animation on ...navigate() and zoomOut animation on ..goBack()

[rajtejani]

I want zoomIn animation on navigate() function and zoomOut animation on goBack() function in Android.How to ?

[jiangbophd]

Same one, React Navigation really not good

[iago-mendes]

I also want to do this. Currently, I have the following code (not working):

import React from 'react'
import { createStackNavigator } from '@react-navigation/stack'
import { zoomIn, zoomOut } from 'react-navigation-transitions'

interface StackProps
{
    screens: Array<{name: string, component: React.FC}>
}

const Stack: React.FC<StackProps> = ({screens}) =>
{
    const Navigator = createStackNavigator()
    return (
        <Navigator.Navigator
            headerMode='none'
            initialRouteName='Home'
            screenOptions=
            {{
                transitionSpec: {open: zoomIn(100), close: zoomOut(100)}
            }}
        >
            {screens.map(screen => (
                <Navigator.Screen
                    key={screen.name}
                    name={screen.name}
                    component={screen.component}
                />
            ))}
        </Navigator.Navigator>
    )
}

export default Stack