'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,
    },
  }
);

Answer 2

更新 react-navigation 并使用 creatStackNavigator 组件代替 StackNavigator。
检查当前的方法和语法，与以前的语法相比有很多变化。

更新代码后对我有效

'transitionConfig' 已删除以支持新的动画 API

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

reactjs

react-native

react-navigation-stack