下拉加载更多的时候界面就停在那并没有加载更多数据

来源:7-7 FlatList的高级应用&上拉加载更多功能实现-2【这个技能很实用】

jingjing_0005

2018-12-29

我也有放断点,下拉的时候也没有出发loadData方法。图片描述

图片描述

图片描述

写回答

1回答

CrazyCodeBoy

2018-12-30

亲说的是上拉加载更多吧,上拉的时候,FlatList会自动调用onEndReached方法,可以在onEndReached中打个断点,看下这个方法有没有执行哈,

遇到不报错的问题也不要怕哈,老师教你遇到类似的问题的解决思路:

第一步:开启debug模式,在触发加载数据action的地方(可以是loadData方法中)打个断点后写个debugger;

第二步:在对应的action目录下的对应action中打断点,跟踪最后一次dispatch是否有数据;

第三步:在对应的reducer中打断点,看是否正确取出action发过来的数据;

第四步:在最热页面的PopularTab的render方法中打个断点,看最后一次reducer返回后,是否有收到对应的props。

切记,reducer取数据的字段要和action所发出去数据的字段保持一致,render中从props中取的字段要和reducer返回的字段保持一致;

另外在分享一个Chrome 开发者工具的官方教程,建议多看看哈,对调试代码很有帮助:

https://developers.google.com/web/tools/chrome-devtools/


0
1
jingjing_0005
我之前问题描述的不够准确, 现在的情况是我在上拉的时候打断点在onEndReached确实有触发,而且能够正常加载数据当全部数据加载完成后也能出现toast的信息。但是只要我把断点移除后上拉,当全部数据加载完就会出现上面图里的情况,停留在加载数据阶段也没有toast 信息出来,请问这是什么原因呢?
2018-12-31
共1条回复

RN入门到进阶,打造高质量上线App

解锁React Native开发应用新姿势,React Native新版本热门技术

3144 学习 · 3241 问题

查看课程