реакция навигации v4 - разные анимации перехода для одного и того же стека | React Native

Question

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

Пример стека, который, как я полагаю, мне нужно изменить:

const BackupNavigator = createStackNavigator({
    ZoomTutorial: ZoomTutorial,
    ZoomScanComplete: ZoomScanComplete,
    BackupSuccess: BackupSuccess,
}, 
{headerMode: 'none'});

В процессе вы делаете сканирование лица и показывает экран успеха. Теперь я добавил экран, где вы подтверждаете свою резервную копию. внутри экрана BackupSuccess. Поэтому я добавил новый экран в этот стек навигатора, но теперь, когда я нажимаю кнопку проверки (возвращается к экрану ZoomTutorial, переход происходит справа налево. Он возвращается к экрану в навигаторе. Я хочу, чтобы он отображал верхнюю часть экрана). переход к основанию.

Какова лучшая практика здесь? Должен ли я создать новый стек для этого? Как приложение узнает, в каком стеке я нахожусь? Есть ли более простое решение? Я не могу найти способ определить переход по экрану.

Answer 1

Вы можете указать, какую анимацию вы хотите в navigationOptions для каждого экрана, для которого вы хотите анимацию:

import { TransitionPresets } from 'react-navigation-stack';

// ...

static navigationOptions = {
  title: 'Profile',
  ...TransitionPresets.ModalSlideFromBottomIOS
}

https://reactnavigation.org/docs/en/stack-navigator.html#pre -made-configs