reactjs - 删除了“transitionConfig”以支持新的动画 API

Question

我正在使用 React Native 应用程序，它在控制台中显示警告

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

有什么办法可以解决这个问题吗？

Answer 1

您需要更新代码才能使用新的动画 API:https://reactnavigation.org/docs/en/stack-navigator.html#animations

根据您发布的代码，您可以将其更改为以下内容，而不是从右侧动画中播放幻灯片:

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

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