Реализация BackHandler в react-native

Может кто-нибудь объяснить мне реализацию BackHandler и, пожалуйста, также оставьте несколько примеров с функцией goBack.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
0
707
1

Ответы 1

Шаг 1. Импортируйте BackHandler вот так, import {BackHandler} from 'react-native';

Шаг 2: Зарегистрируйте метод, определяемый пользователем, в BackHandler и отмените его регистрацию при отсоединении компонента, поэтому мы должны написать код внутри componentDidMount() и componentWillUnmount(), поэтому вот шаги.

componentDidMount() {
    BackHandler.addEventListener('hardwareBackPress', this.handleBackPress);
}

componentWillUnmount(){
    BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress);
}

handleBackPress = () => {
    this.props.navigation.goBack(null)
    return true;
}

Другие вопросы по теме