android React native 中的特定屏幕没有禁用后退按钮

Question

我正在尝试仅在主屏幕上禁用 android 后退按钮。 我的代码：

React.useEffect(() => {
        BackHandler.addEventListener('hardwareBackPress', handleBackBtnPressed);
        return () => {
          BackHandler.removeEventListener('hardwareBackPress', handleBackBtnPressed);
      }
    }, [])

    const handleBackBtnPressed = () => {
       navigation.goBack(null);
       return true
    }

const navigateToNextScreen = () => {
                navigation.push('Prmotions');
         }

如果我删除navigation.goBack(null ); 所有屏幕的后退按钮都被禁用，并且上面的代码后退按钮根本没有被禁用。 navigation.navigate("ScreenName")不适用于 mu 场景移动到下一个屏幕，这就是我使用 navigation.push 的原因

Answer 1

我通过将它放在我想要 go 回到后退按钮按下的所有屏幕上来处理它。

React.useEffect(() => {
        BackHandler.addEventListener('hardwareBackPress', handleBackBtnPressed);
        return () => {
          BackHandler.removeEventListener('hardwareBackPress', handleBackBtnPressed);
      }
    }, [])

    const handleBackBtnPressed = () => {
       
       navigation.goBack(null);
       return true
           
    }

并将它放在我不想 go 回来的地方。

  React.useEffect(() => {
        BackHandler.addEventListener('hardwareBackPress', handleBackBtnPressed);
        return () => {
          BackHandler.removeEventListener('hardwareBackPress', handleBackBtnPressed);
      }
    }, [])

    const handleBackBtnPressed = () => {

       return true
           
    }

我知道这可能不是最好的解决方案，但它对我很有效。