如何在 React Native 中的闪屏后禁用后退按钮

Question

在我完成加载启动画面并进入主页面后，我再次按下它返回启动画面..

问题是如何克服这个问题，以便在进入主页后我无法从电话键盘上的按钮或后退按钮返回初始屏幕，

提前致谢 ..

Answer 1

只需为此使用 BackHandler。 文档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，这是查看启动画面如何工作的最佳场所。
启动画面
应用加载

Answer 3

我想您正在使用堆栈导航器。 将其更改为切换导航器，按back时您将不会导航到上一个屏幕。

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

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

ps：在这个例子中，我使用的是 react-navigation 2（最新版本是 3）。