Reactjs 在Android中处理“硬件后退”按钮时返回上一路线
我使用这段代码()来处理Android中的硬件后退按钮 我有嵌套的路由,在这段代码中,当您单击“上一步”按钮时,转到Reactjs 在Android中处理“硬件后退”按钮时返回上一路线,reactjs,react-native,react-navigation,Reactjs,React Native,React Navigation,我使用这段代码()来处理Android中的硬件后退按钮 我有嵌套的路由,在这段代码中,当您单击“上一步”按钮时,转到initialRoute 我的路线是这样的:Home=>PoolList=>PoolDetails=>Cart 在购物车中,单击后退按钮,返回到主页。我想回来,比如: 家对不起,我不明白你的问题。因此,您想通过按后退按钮直接从购物车进入主页?请尝试导航操作。返回(null)@ThoVu我想通过按后退按钮直接从购物车到池详细信息。 import React from "react";
initialRoute
我的路线是这样的:Home=>PoolList=>PoolDetails=>Cart
在购物车
中,单击后退按钮,返回到主页
。我想回来,比如:
家对不起,我不明白你的问题。因此,您想通过按后退按钮直接从购物车
进入主页
?请尝试导航操作。返回(null)@ThoVu我想通过按后退按钮直接从购物车
到池详细信息
。
import React from "react";
import { BackHandler } from "react-native";
import { addNavigationHelpers, NavigationActions, DrawerNavigator } from "react-navigation";
const AppNavigation = DrawerNavigator(
{
Home: { screen: HomeScreen },
PoolList: { screen: PoolListScreen },
PoolDetails: { screen: PoolDetailsScreen },
Cart: { screen: CartScreen },
},
{
contentComponent: props => <SideBar {...props} />,
drawerPosition: 'right'
}
);
class ReduxNavigation extends React.Component {
componentDidMount() {
BackHandler.addEventListener("hardwareBackPress", this.onBackPress);
}
componentWillUnmount() {
BackHandler.removeEventListener("hardwareBackPress", this.onBackPress);
}
onBackPress = () => {
const { dispatch, nav } = this.props;
if (nav.index === 0) {
return false;
}
dispatch(NavigationActions.back());
return true;
};
render() {
const { dispatch, nav } = this.props;
const navigation = addNavigationHelpers({
dispatch,
state: nav,
addListener,
});
return <AppNavigation navigation={navigation} />;
}
}