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

Question

我正在使用一个反应本机应用程序，它在控制台中显示警告

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

警告 'createStackNavigator' 中的弃用：

transitionConfig' 被删除，取而代之的是新的动画 API

有没有解决这个问题的解决方案？

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

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

当我更新代码时对我有用