用RN做的聊天APP卡出天际

问题描述
我们用RN+redux做的一款聊天APP,APP上线后用户反馈聊天数量稍微多一点就超级卡,甚至卡奔溃,尤其是在安卓端。
我用了react-navigation,切换页面也有明显的延迟,就是感觉慢。

开发环境
"react-native": "0.55.4"
"react-navigation": "^2.5.1"
"react-redux": "5.0.7"

最开始还卡些,我自己测试发现每次redux的models更新state,根组件的render就会执行一遍,我想办法将一些频繁更新的models不在根组件里connect,这样优化一遍后好很多了,但是依旧有些延迟,而且聊天数量稍微多一点10几个就特别卡。

RN开发的APP是不是都很难做到不卡顿?我感觉只要更新state就很容易卡顿,很多时候都是需要频繁更新的,有没有办法做到不卡?求大神指点,付费也可以的。


喵喔喔
浏览 1006回答 2
2回答

湖上湖

pureComponent列表用listview

12345678_0001

十几条记录就卡得明显,不应该啊一般复杂点的项目就得手动优化了,优化的点包括不限于楼上说的pureCompnent、FlatList优化文章多得是,Google下
打开App,查看更多内容
随时随地看视频慕课网APP