Карточка Middle Навигация обновлено
Фокус экрана
Вопрос
Как узнать, что экран стал видимым, и выполнить действие?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
useFocusEffect(useCallback(() = { start(); return () = stop(); }, [])) вызывается при каждом фокусе и чистит при потере фокуса. useIsFocused() возвращает флаг и перерисовывает компонент. Есть и события navigation.addListener('focus' 'blur').
Ответ
useFocusEffect(useCallback(() => { start(); return () => stop(); }, [])) вызывается при каждом фокусе и чистит при потере фокуса. useIsFocused() возвращает флаг и перерисовывает компонент. Есть и события navigation.addListener('focus' | 'blur').
Разбор
Экраны в стеке и вкладках не размонтируются при уходе, поэтому useEffect для этого не подходит.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Ещё по теме «Навигация»
- React Navigation: поток авторизации
- Разбор диплинка в маршрут
- Типизация навигации
- React Navigation: обновить данные при возврате на экран
- React Navigation: deep links
- Действия навигации
- React Navigation: native-stack или stack
- React Navigation: что передавать в параметрах