如何在React Native中启动屏幕后禁用后退按钮

Question

在完成初始屏幕的加载并转到主页后，我再次按回了它以返回初始屏幕..

问题是如何克服这个问题，因此进入主页后，无论是从电话键盘上的按钮还是返回按钮，我都无法返回到初始屏幕，

提前谢谢..

Answer 1

仅将BackHandler用于this.documentation https://facebook.github.io/react-native/docs/backhandler

componentDidMount() {
    BackHandler.addEventListener('hardwareBackPress', this.handleBackPress);
  }

  componentWillUnmount() {
    BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress);
  }

  handleBackPress = () => {

    return true;  // Do nothing when back button is pressed
  }

Answer 2

因为您正在使用EXPO，所以这是查看初始屏幕工作原理的最佳位置。
splash-screens
app-loading

Answer 3

我想您正在使用堆栈导航器。将其更改为开关导航器，然后按后退键将不会导航到上一个屏幕。

这是一个基本的工作示例：

https://snack.expo.io/@sanjar/so-53764740

ps：在此示例中，我使用了react-navigation 2（最新版本为3）。