В React Native (Mobile) мы можем использовать стековую навигацию с помощью таких библиотек, как реагировать-навигация или реагировать-нативно-навигация , так что мы можем нажимать и выдвигать экраныпотому что это единственный способ, с помощью которого пользователь может перемещаться по приложениям на мобильной платформе.
В React (Web), однако, я не смог найти подобный подход.Единственный выбор навигации, который у нас есть, - использование маршрутизаторов, таких как реагирующий маршрутизатор , которые убьют предыдущий компонент, чтобы смонтировать новый.Чтобы сохранить состояние предыдущего компонента, нам либо нужно использовать такие вещи, как Reflux, либо показывать новый компонент как модальный, а не переходить к нему.
Итак, есть ли какая-либо система навигации дляРеакция, которая позволит нам задвигать экраны друг на друга, передавать им реквизиты, поддерживать анимированные переходы и в то же время позволять родительскому компоненту сохранять свое состояние и работать?
Зачем мне нужноэтот?Я разрабатываю небольшое электронное приложение.Мне нужно, чтобы домашняя страница продолжала работать, а некоторые модальные страницы показывались рекурсивно.Это кажется действительно смешным тратить время на реализацию государственного менеджера для этого случая.Показ мод в модале также сложно поддерживать и нецелесообразно.Как разработчик RN, мне удобнее нажимать друг на друга экраны и сохранять состояния, чем переходить на страницу и сохранять старые состояния в менеджерах состояний, по крайней мере, для электронных приложений.
Надеюсь, есть хороший способидти.
РЕДАКТИРОВАТЬ
Пока я не найду полное решение.Я опущу эту суть здесь, чтобы вдохновлять, если кому-то нужно то же самое, и буду продолжать его совершенствовать.
https://gist.github.com/murat-mehmet/70c81a4c7d26883c4ed6d234f435c139