反应社区的反应导航正在触发延迟过渡

Question

以下是我使用的代码的c / p。 我使用react-community/react-navigation和redux store来发送操作。其中一项操作是来自navigate NavigationActions的{​​{1}}，是react-navigations包的一部分。

正如您所看到的，我已经从一个定义了自定义过渡（简单淡入淡出） 屏幕到另一个。

问题是过渡开始时会有一点延迟。即使我在TransitionConfiguration中使用transitionSpec指定Animated.timing且持续时间为100毫秒，也没有区别。 此外，当使用来自back的{​​{1}}操作向后导航时，需要大约半秒到一秒的时间才能使场景变得响应。

请参阅随附的gif。

• 注意＃1 - 同样的情况发生在真正的iPhone6,7上。
• 注意＃2 - 同样如果我删除了NavigationActions

它有效，但它不会感觉到你可以在原生应用程序中体验到的任何东西。

transitionConfig: TransitionConfiguration

] 1

我很感激任何建议。

Answer 1

const MyTransitionSpec = ({
        duration: 200,

    });
    // Transition configurator
  const TransitionConfiguration = () => {
      return {
          transitionSpec: MyTransitionSpec,

          screenInterpolator: (sceneProps) => {

              const {position, scene} = sceneProps;
              const {index, route} = scene;

              return FadeTransition(index, position);
          }
      }
  };