react-native - 在向后滑动时执行操作( react 导航)

Question

在 react-navigation 中，知道有一种方法可以在按下后退按钮时执行自定义操作。当用户滑动返回到最后一个屏幕时，是否有类似的方法来执行此操作？

Answer 1

我能够确定应用程序是通过后退按钮返回还​​是使用路由器的 getStateForAction 功能向后滑动。如果需要，请检查 Action 和状态变量以对其进行更多微调。

export const ScreensStack = StackNavigator(
{
    Login: {screen: LoginScreen},
    Schedule: {screen: ScheduleScreen},
}

/**
 * Intercept actions occuring in the screen stack.
 */
const getStateForActionScreensStack = ScreensStack.router.getStateForAction;

ScreensStack.router = {
    ...ScreensStack.router,
    getStateForAction(action, state) {
      if (action.type == 'Navigation/BACK') {
        console.log('We are going back...');
      }
      return getStateForActionScreensStack(action, state);
    },
};