Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 反应导航5自定义过渡(淡入淡出)_React Native_Transition_Fade_React Navigation V5 - Fatal编程技术网

React native 反应导航5自定义过渡(淡入淡出)

React native 反应导航5自定义过渡(淡入淡出),react-native,transition,fade,react-navigation-v5,React Native,Transition,Fade,React Navigation V5,我正在使用React NAVIGATION V5开发React本机应用程序。我想为我的导航添加自定义转换: 淡出当前屏幕->白色背景->淡入新屏幕 我试过cardStyleInterpolator,但它没有按预期工作。我有淡入淡出效果,但当前屏幕与新屏幕重叠。以下是我的fade实现: export const forFade = ({ current, next, index, closing }) => { const opacity = current.progress.int

我正在使用React NAVIGATION V5开发React本机应用程序。我想为我的导航添加自定义转换: 淡出当前屏幕->白色背景->淡入新屏幕

我试过cardStyleInterpolator,但它没有按预期工作。我有淡入淡出效果,但当前屏幕与新屏幕重叠。以下是我的fade实现:

export const forFade = ({ current, next, index, closing }) => {
    const opacity = current.progress.interpolate({
        inputRange: [0, index],
        outputRange: [0, 1],
    });

    return {
        cardStyle: {
            opacity,
        },
    };
};
如有任何建议,将不胜感激