how to exit react native app when clicking a button?

Question

I am devloping a mobile app using react native and i want to exit the app after clicking a button.

My scenario is that if the user has not verified his/her email after certains days i will prompt the user an Alert Dialog every the time the app is opened blocking the app usage until the user email is verified.

So after the users click OK, how do I exit the app programmatically?

You can use this packages for exit on double back https://github.com/rgabs/exit-on-double-back — Mahdi Bashirpour, Jul 03 '18 at 04:03

score 7 · Answer 1 · edited Jul 11 '20 at 00:47

7

import BackHandler from 'react-native';
// Note: work only on Android
    BackHandler.exitApp();

edited Jul 11 '20 at 00:47

Maher Aldous

894
1
10
14

answered May 04 '19 at 07:12

score 6 · Answer 2 · answered Jul 31 '17 at 10:12

6

For iOS, you can use the following library: https://github.com/wumke/react-native-exit-app. It uses native library to exit the app programmatically. You can exit the app using:

RNExitApp.exitApp()

For android, you can use BackAndroid from https://facebook.github.io/react-native/docs/backandroid.html

BackAndroid.exitApp()

answered Jul 31 '17 at 10:12

Provash

1,892
3
20
28

3

BackAndroid is deprecated. Use BackHandler instead. – Azmeer Jan 29 '18 at 02:13
1

@NirLevy The author updated the licence to a more permissive MIT licence :) – Saravanabalagi Ramachandran Oct 13 '19 at 14:59

score 4 · Answer 3 · answered Dec 30 '16 at 11:07

4

Apple would reject your iOS app if you exit the app on button click. You could just show an alert without a button. User won't be able to dismiss the alert and enter the app rendering it useless.

answered Dec 30 '16 at 11:07

Irfan Ayaz

797
8
16

1

your solution makes sense but the issue is that Alerts cannot be displayed without buttons in react native. By default a button is included and there is no way to hide it base on what i have read so far. do you know how to show an alert without buttons? – Nahum Fabian Dec 30 '16 at 17:06

score 3 · Answer 4 · edited May 25 '22 at 22:12

3

BackAndroid should be able to help you. Use Alert callback to use BackHandler

var {
  Alert,
  BackHandler,
} = ReactNative;



Alert.alert(
            'Alert Title',
            alertMessage,
            [
              {text: 'OK', onPress: () => BackHandler.exitApp()},
            ]
);

edited May 25 '22 at 22:12

Bhavya Koshiya

1,262
2
8
22

answered Dec 30 '16 at 04:29

coder hacker

4,819
1
25
50

1

Should this be used with platform check? BackAndroid wont work for iOS! – Irfan Ayaz Dec 30 '16 at 11:06
`BackHandler.exitApp()` is exit only current screen. how to exit from application and clear the stack. – Anurag Shrivastava Jun 13 '18 at 11:15
BackHandler.exitApp() work both for android and ios. – Moein Hosseini May 05 '19 at 05:08
2

@Moein No, it doesn't – markuscosinus Jun 13 '19 at 14:15

score 1 · Answer 5 · answered Jun 19 '17 at 07:11

1

<Text style = {something}
        onPress ={
        ()=>{
        console.log('clicked');
        return BackHandler.exitApp();
        }
        }>Exit</Text>

answered Jun 19 '17 at 07:11

harpreet singh

11
1
2

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value. – Badacadabra Jun 19 '17 at 14:01

score 0 · Answer 6 · answered Jul 17 '21 at 17:25

Use exitApp() method from BackHandler class to exit your app in android.

import { View, TouchableOpacity, Text, BackHandler } from 'react-native';

class Scan extends Component {
    render() {
        return (
            <View>
                <TouchableOpacity onPress={()=> BackHandler.exitApp()}>
                    <Text>Quit</Text>
                </TouchableOpacity>
            </View>
        )
    }
}

how to exit react native app when clicking a button?

6 Answers6