Close bottom sheet on pressing back button on android

Question

I am using @gorhom/bottom-sheet library in react native expo and I would like to close the sheet when I press the back button on android, how can I achieve this?

Answer 1

Create a backHandler event in your useEffect and call the bottomSheetRef.current.close() method inside it:-

useEffect(() => {
    const backAction = () => {
     bottomSheetRef.current.close()
      return true;
    };

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

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