React Navigation v5：屏幕过渡动画

Question

我在我的React Native应用中使用stack navigator（ React Navigation v5 ）。我想通过淡入淡出过渡从屏幕1切换到屏幕2，此code的工作原理绝对不错：

const fadeConfig = ({ current }) => {
    return {
        cardStyle: {
            opacity: current.progress,
        },
    }
};

const Stack = () => {
    const { Navigator, Screen } = Stack;

    return (
        <Navigator
            screenOptions={{
                header: () => null,
            }}
        >
            <Screen
                 name="Screen1"
                 component={Screen1}
            />

            <Screen
                name="Screen2"
                component={Screen2}
                options={{ cardStyleInterpolator: fadeConfig }}
            />
        </Navigator>
    );
};

现在，此淡入淡出在整个屏幕上是线性。但是我的要求是使这种淡入淡出以径向的方式发生，始于用户用手指点击的点。为了实现此功能，我必须在fadeConfig中进行哪些更改？谢谢。