Preventing hardware back button android for React Native

Question

I want to prevent the user from going back to the previous screen. So I added code, but this does not work. Are there any solutions for this? The alert pop up is seen but \"

Answer 1

Disable back button for module react-navigation, use hook useFocusEffect

const hardwareBackPressCustom = useCallback(() => {
        return true;
    }, []);

useFocusEffect(() => {
    BackHandler.addEventListener('hardwareBackPress', hardwareBackPressCustom)
    return () => {
      BackHandler.removeEventListener('hardwareBackPress', hardwareBackPressCustom)
    };
  }, []);

Answer 2

Try this Disable back button by just returning true

import {BackAndroid} from 'react-native';

componentWillMount() {
   BackAndroid.addEventListener('hardwareBackPress', () => {return true});
} 

Answer 3

Onclick of hardware back button OnBackPressed callback gets called

you can just remove super declaration in onBackPressed call back.

 @Override
    public void onBackPressed() {

    }