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

Question

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

Answer 1

CrazyCodeBoy 2018-06-04 10:10:01

1. 建议使用分页加载；

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

• 提问者 龙晓秀 #1

  非常感谢！老师你好，谢谢您的回答，确实如你所说，正常项目肯定是会分页的，而且debug模式下性能也会下降

Answer 2

提问者 龙晓秀 2018-06-02 10:45:12

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