react-navigation: 安卓左右切换页面/转场并右滑返回

React-Native中我们常用react-navigation来做导航,页面切换是也提供了model 和card 两种方式。但如果我们需要让安卓也像iOS一样左右动画切换页面并右滑返回,需要做一下设置,特此记录。

  • react-navigation: 3.11.0

import StackViewStyleInterpolator from "react-navigation-stack/lib/module/views/StackView/StackViewStyleInterpolator"  //导入路径
export const AppNavigator = createStackNavigator(
    getNavigation(), {
        defaultNavigationOptions: {
            gesturesEnabled: true,  //启用安卓的手势返回
        },
        transitionConfig: () => ({
            screenInterpolator: StackViewStyleInterpolator.forHorizontal, // 设置转场动画
        }),
    }
)
此外,我们还可以通过transitionConfig 设置许多自定义效果。

你可能感兴趣的:(react-navigation: 安卓左右切换页面/转场并右滑返回)