Всем привет. Может кто-нибудь сможет подсказать, как правильно сделать навигацию.

Question

React Native — русскоговорящее сообщество

Всем привет. Может кто-нибудь сможет подсказать, как правильно сделать навигацию.

Дело в том, что в приложении используется как обычный useNavigator, благодаря которому осуществляется навигация между основными экранами, так и useTopTabNavigator, благодаря которому происходит навигация между "подэкранами" настроек. Задача состоит в том, чтобы сделать навигацию из иконки, находящейся на главном экране на определённый "подэкран" из подэкранов настроек.
Для этого в главном экране я добавил:

const {navigate} = useNavigation();

и для нужной иконки передал:

onPress={() => navigate('SettingsDream')}
__________________________
В результате навигация осуществляется лишь при условии, что у меня предварительно открыт экран настроек, но ничего не происходит, если экран настроек закрыт(видео работы прилагается). Может есть у кого-нибудь идеи, каким образом мне осуществить задуманное без таких вот условностей?

#mobile #programming #reactnative #russian

0

21.07.2021

10 ответов

22 просмотра

Олег Мирный Автор вопроса

Алексей
тебе нужна делать navigate('Name of stack', {scree...

Звучит просто гениально, спасибо! Правда я не совсем понял чем является “Name of stack”. Я попробовал передать в этот параметр название самого useTopTabNavigator, но это не помогло - переход не осуществляется вообще.

0

21.07.2021

Олег Мирный Автор вопроса

Олег Мирный
Звучит просто гениально, спасибо! Правда я не совс...

Понял. Сам основной экран настроек. Буду пробовать.)

0

21.07.2021

Олег Мирный Автор вопроса

Алексей
тебе нужна делать navigate('Name of stack', {scree...

К сожалению, данная запись не сработала.( Поведение перехода остается прежним - работает лишь при условии уже открытых настроек. onPress={() => navigate('Settings', {screen: 'SettingsDream'})}

0

21.07.2021

Алексей

Олег Мирный
К сожалению, данная запись не сработала.( Поведени...

используешь теже названия что и в названии экранов?

0

21.07.2021

Алексей

Олег Мирный
К сожалению, данная запись не сработала.( Поведени...

https://reactnavigation.org/docs/nesting-navigators/#navigating-to-a-screen-in-a-nested-navigator

0

21.07.2021

Олег Мирный Автор вопроса

Алексей
используешь теже названия что и в названии экранов...

Да, вот прописанное название для настроек: const screens = languages => [ { name: 'Settings', component: SettingsScreen, ... ________________ И для "подэкрана": { name: 'SettingsDream', component: SettingsStatisticsScreen, ...

0

21.07.2021

Алексей

Олег Мирный
Да, вот прописанное название для настроек: const ...

const screens = languages => [ откуда такое написание?

0

21.07.2021

Алексей

Олег Мирный
Да, вот прописанное название для настроек: const ...

почему не через Navigator и Screen?

0

21.07.2021