HTML5技术

慢牛系列四:好玩的React Native - OOLi(3)

字号+ 作者:H5之家 来源:博客园 2016-01-16 10:02 我要评论( )

componentDidMount() {InteractionManager.runAfterInteractions(() = { this .setState({renderPlaceholderOnly: false });}); } InteractionManager.runAfterInteractions是在动画或者操作结束后执行,还有其他两

componentDidMount() { InteractionManager.runAfterInteractions(() => { this.setState({renderPlaceholderOnly: false}); }); }

  InteractionManager.runAfterInteractions是在动画或者操作结束后执行,还有其他两种方法:

  • requestAnimationFrame(): H5的标准,RN实现了它,下一帧渲染时执行,更好的利用浏览器的刷新频率,避免丢帧。
  • setImmediate/setTimeout(): 定时执行,有可能影响动画的流畅度。
  • 另外,这个项目里用了MPAndroidChart组件,我对MPAndroidChart做了桥接,有想用的用户可以试试这个项目:

    https://github.com/hongyin163/react-native-chart-android

    如果有想体验React Native的用户,可以下载慢牛APP的APK体验:

    关注慢牛的公众号:发送react,返回apk下载链接,apk大小8M,最好连接WiFi下载。

     最后,欢迎园友提出好的想法,评论留名!谢谢!

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

      HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

      2017-05-02 11:02

    • JS组件系列——自己动手封装bootstrap-treegrid组件 - 懒得安分

      JS组件系列——自己动手封装bootstrap-treegrid组件 - 懒得安分

      2017-04-28 14:02

    • HTML5 进阶系列:indexedDB 数据库 - _林鑫

      HTML5 进阶系列:indexedDB 数据库 - _林鑫

      2017-04-27 14:02

    • HTML5 高级系列:web Storage - _林鑫

      HTML5 高级系列:web Storage - _林鑫

      2017-04-27 14:01

    网友点评
    o