react-native-scrollable-tab-view: ScrollableTabBar和FlatList结合 切换Tab时很卡顿

来源:1-8 自定义组件NavigationBar-2

龙晓秀

2018-05-30

http://img.mukewang.com/szimg/5b0ec81b0001fdf409800741.jpg

http://img.mukewang.com/szimg/5b0ec83f00011b2610120641.jpg


老师你好,请问下 为什么用了react-native-scrollable-tab-view: ScrollableTabBar和FlatList结合,然后切换Tab卡顿会很明显,应该不是网络问题,因为第一次请求卡顿算是网络请求的话,那么第二次切换数据已经请求渲染,切换还是很卡顿,用远程的debugger调试切换的很快,网上说因为远程调试是chrome浏览器,所以运行会很快,请问老师可以解决吗 谢谢

写回答

2回答

CrazyCodeBoy

2018-06-04

  1. 建议使用分页加载;

  2. rn在debug的模式下流畅性会降低,release之后会提升;

0
1
龙晓秀
非常感谢!老师你好,谢谢您的回答,确实如你所说,正常项目肯定是会分页的,而且debug模式下性能也会下降
2018-06-04
共1条回复

龙晓秀

提问者

2018-06-02

经过测试,还是每一个Tab展示的内容太多了,github的接口是29条数据,所以切换起来感觉卡顿很厉害,实际项目中还是默认展示10条,然后增加上拉加载的分页功能展示数据比较合理。

0
0

React Native技术精讲与高质量上线App开发

一个真实的上线项目,一次完整的开发过程,全面掌握React Native技术

1577 学习 · 727 问题

查看课程