美文网首页ReactNative
[ReactNative] 的 InteractionManag

[ReactNative] 的 InteractionManag

作者: 德山_ | 来源:发表于2017-05-22 16:14 被阅读181次

    InteractionManager.runAfterInteractions

    主要是在执行动画时,避免执行其他工作量比较大的代码,比如,最好不要一边渲染,一边执行动画,而是先执行动画,等动画执行结束后在渲染,可以setTimeout来延时执行渲染,最好是用官方推荐的做法,利用InteractionManager,下面是代码示例:
    componentDidMount() {
    InteractionManager.runAfterInteractions(() => {
    this.setState({renderPlaceholderOnly: false});
    });
    }
    InteractionManager.runAfterInteractions是在动画或者操作结束后执行,还有其他两种方法:
    requestAnimationFrame(): H5的标准,RN实现了它,下一帧渲染时执行,更好的利用浏览器的刷新频率,避免丢帧。
    setImmediate/setTimeout(): 定时执行,有可能影响动画的流畅度。

    相关文章

      网友评论

        本文标题:[ReactNative] 的 InteractionManag

        本文链接:https://www.haomeiwen.com/subject/bhfixxtx.html