滑动过渡即可返回,但按返回按钮不会返回

时间:2020-02-03 06:01:30

标签: java android react-native react-navigation androidx

滑动时,返回的过渡有效,但是当我按“后退”按钮时,过渡在Android OS中不起作用。

我使用了反应导航v4 https://reactnavigation.org/docs/en/getting-started.html

export const navStack = (screenName) => createStackNavigator({
    Screen1,
    Screen2,
    Screen3
}, {
    initialRouteName: screenName,
    defaultNavigationOptions: {
        ...TransitionPresets.SlideFromRightIOS,
        headerStyleInterpolator: HeaderStyleInterpolators.forUIKit,
        headerShown: false,
        gestureEnabled: true
    }
});
const AppTabNavigator = createBottomTabNavigator({
    TabScreen1: {
        screen: navStack("Screen1")
    },
    TabScreen2: {
        screen: AnyScreen
    },
}, {
    initialRouteName: "TabScreen1",
    backBehavior: "none",
    tabBarOptions: {
        showLabel: false
    }
});
export const App = createAppContainer(AppTabNavigator);

2 个答案:

答案 0 :(得分:0)

嗨,我想是因为您设置了backBehavior: "none"
只需尝试将其设置为backBehavior: "initialRoute"backBehavior: "history"即可,它将根据您的要求将您重定向回去或进行初始尝试

答案 1 :(得分:0)

您可以执行类似react导航库提供的goback方法的操作。您可以创建您的自定义后退按钮,然后单击时使用navigate.goBack()功能。

相关问题