Для навигации использую
@react-navigation/native-stack
и
@react-navigation/bottom-tabs
.
const StackNav = createNativeStackNavigator();
const BottomTab = createBottomTabNavigator();
BookCatalog:
->Books: (таймер)
-> ->Book (таймер)
Settings:
Help:
Задача: сделать таймер (секундомер) который запускается при нажатии на кнопку и показывается на страницах (Books, Book).
При переходе между страницами в StackNav компоненты всегда рендерятся заново и таймер сбрасывается, в BottomTab состояние сохраняется. Как сделать чтобы не было ре-рендеринга на StackNav - не нашел ответа.
Хранить в redux не очень понятно как.