blocks|key|4440620|text|目前还没有特定于react原生的方法来实现这一点。你必须从事物的本机方面来实现这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4440621|此外，您正在为iOS进行开发吗？苹果表示，应用程序不应该自行关闭。|4440622|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

There's no react-native specific way to do this today. You'd have to accomplish this from the native side of things.

Further, are you developing for iOS? Apple has stated that apps should not close themselves.

blocks|key|4440660|text|对于安卓系统，使用BackHandler退出应用：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4440661|import+React,+{+BackHandler+}+from+'react-native';

BackHandler.exitApp();|code-block|syntax|javascript|4440662|entityMap|0|LINK|mutability|MUTABLE|url|https://reactnative.dev/docs/backhandler#exitapp^0|9|B|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

For Android, Use <a href="https://reactnative.dev/docs/backhandler#exitapp" rel="noreferrer">BackHandler</a> to exit the App:

<pre><code>import React, { BackHandler } from 'react-native';

BackHandler.exitApp();
</code></pre>

blocks|key|4440796|text|这就是我是如何做到的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4440797|++componentWillMount()+{
++++BackHandler.addEventListener('hardwareBackPress',+this.handleBackButtonClick);
++}
++componentWillUnmount()+{
++++BackHandler.removeEventListener('hardwareBackPress',+this.handleBackButtonClick);
++}
++handleBackButtonClick()+{
++++BackHandler.exitApp();
++++return+true;
++}|code-block|syntax|javascript|4440798|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is how I've achieved it:

<pre><code> componentWillMount() {
 BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonClick);
 }
 componentWillUnmount() {
 BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonClick);
 }
 handleBackButtonClick() {
 BackHandler.exitApp();
 return true;
 }
</code></pre>

blocks|key|4440736|text|我回答这个问题太晚了，但我认为我选择的方式可能会对某些人有所帮助，所以我回答了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4440737|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;
}|code-block|syntax|javascript|4440738|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I am answering the question too late, but i thought the way i have chosen might help someone, so I am answering this question.

<pre><code>componentWillMount() {
 BackHandler.addEventListener('hardwareBackPress', this.backPressed);
}

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

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

blocks|key|4440769|text|这个npm模块帮助我解决了同样的问题--+react-native-exit-app|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4440770|import+RNExitApp+from+'react-native-exit-app';
...
RNExitApp.exitApp();
...|code-block|syntax|javascript|4440771|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/react-native-exit-app^0|L|L|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

This npm module helped me with the same issue - <a href="https://www.npmjs.com/package/react-native-exit-app" rel="noreferrer">react-native-exit-app</a>

<pre><code>import RNExitApp from 'react-native-exit-app';
...
RNExitApp.exitApp();
...
</code></pre>

If my React Native app fails to connect to its backend, I show an Alert with an OK button. If this happens, there's no point in the app continuing to run, so I'd like to shut it down when the button is clicked. How do I do this?

I suspect the key is in AppRegistry but the docs are a bit scant.

How do I exit/shut down a React Native app?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

如果我的React Native应用程序无法连接到其后端，我会显示一个带有OK按钮的Alert。如果发生这种情况，应用程序继续运行就没有意义了，所以我想在单击按钮时将其关闭。我该怎么做呢？我怀疑关键在AppRegistry中，但是文档有点少。

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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