'transitionConfig' 被移除以支持新的动画 API

Shi*_*jin 8 reactjs react-native react-navigation-stack

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

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

'createStackNavigator' 中的警告弃用:

移除了 transitionConfig' 以支持新的动画 API

是否有解决此问题的解决方案?

sat*_*164 17

您需要更新代码以使用新的动画 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,
    },
  }
);
Run Code Online (Sandbox Code Playgroud)

  • 我想根据路线名称进行不同的转换,如何使用这个新的 api 来实现它 (3认同)