React-Native 与 Expo：手柄硬件返回按钮

Question

按照这些指示，我设法使后退按钮强制我的 WebView 导航回最后一页。

但是我面临一个副作用：除了返回导航之外，它还退出应用程序，在 Android 中。 以下是我当前的代码。 有谁知道它有什么问题？

function useBackButton(handler: any) {
  useEffect(()=> {
    BackHandler.addEventListener("hardwareBackPress", handler)

    return () => {
      BackHandler.removeEventListener("hardwareBackPress", handler)
    }

  }, [handler])
}


export default function App() {


  const webviewRef = useRef(null)


  function backButtonHandler() : any {
    console.log("==> Back Pressed", webviewRef.current)
    if (webviewRef) {
      if (webviewRef.current) {
        webviewRef.current.goBack()
      }
    }
  }

  useBackButton(backButtonHandler)

  return (
      <WebView 
        source={{uri: "http://my-website"}} 
        style={{ marginTop: 40 }} 
        ref={webviewRef}
        sharedCookiesEnabled
      />
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Answer 1

正如@Nadia Chibrikova 所指出的，确实缺少“返回真”：

  function backButtonHandler() : any {
    console.log("==> Back Pressed", webviewRef.current)
    if (webviewRef) {
      if (webviewRef.current) {
        webviewRef.current.goBack()
      }
    }
    return true
  }