Экраны в SwitchNavigator Мерцают при навигации

Question

В моем собственном приложении React у меня есть навигатор переключателей для навигации между стеком Auth и стеком приложений:

const AppNavigator = createSwitchNavigator(
  {
    App: AppStack,
    Auth: AuthStack
  },
  {
    initialRouteName: "Auth",
  }
);

Он работает, однако, когда я go из AuthStack в AppStack, он мерцает, и экран движется вверх. Как мне предотвратить это поведение, добавьте плавный переход.

Answer 1

Мне удалось решить проблему, используя анимированный переключатель навигатора вместо обычного переключателя и добавив переход:

import createAnimatedSwitchNavigator from 'react-navigation-animated-switch';
import { Transition } from 'react-native-reanimated';

const AppNavigator = createAnimatedSwitchNavigator(
  {
    App: AppStack,
    Auth: AuthStack
  },
  {
    initialRouteName: "Auth",
    transition: (
      <Transition.Together>
        <Transition.Out
          type="slide-bottom"
          durationMs={400}
          interpolation="easeIn"
        />
        <Transition.In type="fade" durationMs={500} />
      </Transition.Together>
    ),
  }
);

Здесь можно найти документацию: https://reactnavigation.org/docs/4.x/animated-switch-navigator/