React native React Navigation v5:屏幕过渡动画

React native React Navigation v5:屏幕过渡动画,react-native,react-navigation,react-navigation-stack,stack-navigator,React Native,React Navigation,React Navigation Stack,Stack Navigator,我正在我的React原生应用程序中使用堆栈导航器(React Navigation v5)。我想从屏幕1移动到屏幕2,使用淡入淡出过渡,使用此代码,效果绝对良好: const fadeConfig=({current})=>{ 返回{ 卡片样式:{ 不透明度:当前进度, }, } }; 常量堆栈=()=>{ const{Navigator,Screen}=Stack; 返回( 无效的 }} > ); }; 现在,整个屏幕上的淡入度是线性的。但我的要求是以径向的方式进行这种褪色,从用户用手指轻敲

我正在我的React原生应用程序中使用
堆栈导航器
React Navigation v5)。我想从屏幕1移动到屏幕2,使用淡入淡出过渡,使用此
代码
,效果绝对良好:

const fadeConfig=({current})=>{
返回{
卡片样式:{
不透明度:当前进度,
},
}
};
常量堆栈=()=>{
const{Navigator,Screen}=Stack;
返回(
无效的
}}
>
);
};

现在,整个屏幕上的淡入度是线性的。但我的要求是以径向的方式进行这种褪色,从用户用手指轻敲的点开始。为了实现功能,我必须在
fadeConfig
中进行哪些更改?谢谢。

视频或GIF将非常有助于理解需求。@Rajan您可以查看此图像。所以,让我们假设整个屏幕是白色的,当用户单击时,下一个屏幕从用户单击猴子脸的位置淡入。