航行实验波峰转换

Question

我在使用RN0.33和NavigationExperimental实现平滑转换时遇到了问题。我所看到的问题是，呈现的场景相对比较昂贵，而且NavigationExperimental为转换保留了这两个场景。我想知道优化这个过程的好策略是什么。

到目前为止，我所做的是在导航组件中有一个“isAnimating”状态，它将场景组件的shouldComponentUpdate设置为false。

Answer 1

我遇到了这个问题，在转换过程中丢失的帧是由于数据的获取和随后在componentDidMount中呈现我要转换的组件而造成的。

您可以在InteractionManager中使用componentDidMount，以便只在任何动画或转换完成后才运行您的获取代码。

例如：

  import { InteractionManager } from 'react-native'

  componentDidMount() {
    this.interaction = InteractionManager.runAfterInteractions(() => {          
      performExpensiveFetch()
    })
  }

  componentWillUnmount() {
    if(this.interaction) this.interaction.cancel()
  }