'transitionConfig' is removed in favor of the new animation APIs

Question

I am working with a react native application, and it shows a warning in the console

import {createStackNavigator} from 'react-navigation-stack';
import {fromRight} from 'react-navigation-transitions';
const ApplyNowNav = createStackNavigator(
  {
    Home,
    Profile,
  },
  {
    headerMode: 'none',
    transitionConfig: () => fromRight(),
  }
);

WARN Deprecation in 'createStackNavigator':

transitionConfig' is removed in favor of the new animation APIs

Is there any solution to fix this issue?

Answer 1

You need to update your code to use to use the new Animation API: https://reactnavigation.org/docs/en/stack-navigator.html#animations

From the code you posted, you can change it to the following instead to have a slide from right animation:

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

const ApplyNowNav = createStackNavigator(
  {
    Home,
    Profile,
  },
  {
    headerMode: 'none',
    defaultNavigationOptions: {
      ...TransitionPresets.SlideFromRightIOS,
    },
  }
);

Answer 2

1. Update react-navigation and use creatStackNavigator component instead of StackNavigator.
2. Check current methods and syntax, there is a lot of changes compare to previous syntax.

Works for me when I updated the code