Возможна ли такая карточная навигация в React Native?

Question

Хорошо, я новичок в React Native и пытаюсь освоить такую ​​систему навигации по картам. Как это, но вы можете просто нажимать влево или вправо для навигации вместо прокрутки: https://dribbble.com/shots/8257559-Movie-2-0

Другой пример (начало): https://dribbble.com/shots/4466216-Yellow-shadow

Мой пользовательский интерфейс выглядит примерно так:

Where (ideally), when cards move out of the screen, opacity lowers, and the scaling animation is incorporated from the above example. Would like to swipe up to fill screen with the card.

Ive looked at https://wix.github.io/react-native-navigation/docs/before-you-start/ и basi c руководства по навигации, но хотел посмотреть, есть ли соответствующий плагин на github или ясное место для погружения. Как мне выполнить sh навигацию в этом стиле карты?

Answer 1

Это хоть и сложно, но определенно выполнимо независимо от того, какую библиотеку навигации вы выберете. Я бы реализовал это, используя react-navigation вот так:

• Создайте экран, содержащий горизонтальный список карточек. Вы можете прослушивать события прокрутки и соответственно анимировать масштаб и непрозрачность содержимого, используя модуль по умолчанию Animated или react-native-reanimated.

• Используйте response-native-shared -element для анимации изображений при переходе между экранами.

Остальное на самом деле не имеет особого отношения к навигации и больше относится к сфере жестов и анимации.