如何退出/关闭React Native应用程序？

Question

如果我的React Native应用程序无法连接到其后端,我会显示一个带有OK按钮的警报.如果发生这种情况,应用程序继续运行没有任何意义,因此我想在单击按钮时将其关闭.我该怎么做呢？

我怀疑关键是在AppRegistry中,但文档有点不足.

Answer 1

对于Android,使用BackAndroid退出应用程序:

import React, {
    BackAndroid,
} from 'react-native';

BackAndroid.exitApp();

Answer 2

我太迟回答了这个问题,但我认为我选择的方式可能对某人有帮助,所以我正在回答这个问题.

componentWillMount() {
   BackHandler.addEventListener('hardwareBackPress', this.backPressed);
}

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

backPressed = () => {
  Alert.alert(
    'Exit App',
    'Do you want to exit?',
    [
      {text: 'No', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
      {text: 'Yes', onPress: () => BackHandler.exitApp()},
    ],
    { cancelable: false });
    return true;
}

Answer 3

编写一个本机模块,在调用时执行以下操作:

IOS:

exit(9);

ANDROID:

((YourApplication) self.getApplicationContext()).kill();

...编辑...

或者只使用我创建的那个:https://www.npmjs.com/package/react-native-exit-app

Answer 4

今天没有反应原生的特定方式来做到这一点.你必须从本机方面实现这一目标.

此外,你在开发iOS吗？Apple已声明应用程序不应关闭自己.

Answer 5

这就是我实现它的方式：

  componentWillMount() {
    BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonClick);
  }
  componentWillUnmount() {
    BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonClick);
  }
  handleBackButtonClick() {
    BackHandler.exitApp();
    return true;
  }

Answer 6

这个 npm 模块帮助我解决了同样的问题 - react-native-exit-app

import RNExitApp from 'react-native-exit-app';
...
RNExitApp.exitApp();
...