在 android 上按下后退按钮关闭底部 sheet

Question

我在 React Native Expo 中使用@gorhom/bottom-sheet 库，我想在 android 上按下后退按钮时关闭 sheet，我该如何实现？

Answer 1

在你的 useEffect 中创建一个 backHandler 事件并在其中调用 bottomSheetRef.current.close() 方法:-

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

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

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