Навигация в React Native: stack, tabs и auth flow

Почему навигация быстро становится архитектурной проблемой

На раннем этапе кажется, что достаточно нескольких экранов и одной кнопки назад. Но как только появляются onboarding, tabs, профиль, детали, модалки и auth flow, навигация превращается в часть продуктовой архитектуры.

Базовая схема, которая работает

Для большинства приложений достаточно трёх слоёв:

• root navigator для auth и app shell;
• stack для последовательных сценариев;
• tabs для основных разделов продукта.

Такой каркас помогает изолировать логику входа, держать понятные переходы и не дублировать маршруты.

Где чаще всего ошибаются

Типичные проблемы:

• tabs создают слишком рано и тащат в них всё приложение;
• auth state смешивают с экранной навигацией;
• deep links не учитывают при проектировании маршрутов;
• названия экранов и params растут без общего контракта.

Практический подход

Сначала опишите пользовательские сценарии, потом сгруппируйте экраны по потокам, и только после этого собирайте navigator tree. Если flow нельзя объяснить на одной схеме, в коде он тоже будет хрупким.

Хорошая навигация ощущается не как фреймворк, а как спокойный путь пользователя по продукту.