ReactNativeのModalをAndroidのBackButtonで閉じるには、onRequestCloseを使う

ReactNativeのModalをAndroidのBackButtonで閉じるには、onRequestCloseを使えば良い。 react-native-elementsのOverlayでも同様。

const MyModal = () => {
  const [isVisible, setIsVisible] = React.useState(false);
  const handleClose = () => {
    setIsVisible(false);
  };

  return (
    <Modal onRequestClose={handleClose} visible={isVisible}>
      <View>
        <Text>Hello</Text>
      </View>
    </Modal>
  );
};

知っていればなんてことはなかったんだけど、知らずにBackHandler使って自分で実装しようとして動かずちょっとハマってしまったのでメモ。