[React-Native] 안드로이드에서 백버튼 클릭 시 종료 팝업 출력하는 소스

안드로이드에서 백버튼 클릭 시 종료 팝업 출력

뒤로 가기 버튼 클릭 시 종료 팝업 출력되도록 하는 소스 입니다.

 

import React, { useEffect } from "react";
import { Text, View,BackHandler, Alert } from "react-native";

const App = () => {
  useEffect(() => {
    const backAction = () => {
      Alert.alert("앱 종료", "앱을 종료하시겠습니까?", [
        {
          text: "취소",
          onPress: () => null,
          style: "cancel"
        },
        { text: "확인", onPress: () => BackHandler.exitApp() }
      ]);
      return true;
    };

    const backHandler = BackHandler.addEventListener(
      "hardwareBackPress",
      backAction
    );

    return () => backHandler.remove();
  }, []);

  return (
    <View >
      <Text style>Backhandler Sample </Text>
    </View>
  );
};


export default App;