用户登录

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

在这个列表视图里,我们用了一个 renderFooter 方法,指定了一下显示页脚的方法,就是这个 renderFooter, 在这个方法里面, 我们判断了一下,如果还有要显示的内容,就在页脚上显示一个加载指示 .. 如果没有内容了,就提示用户已经没有可以显示了内容了 ..

下面再根据 Drupal 返回的内容,改造一下这个页脚 .. 可以再去添加一个新的状态 .. 名字是 noResult .. 用它表示是否还有要显示的内容 .. 默认的值是 false ..

再找到 loadMore .. 在这里我们可以去判断一下,如果请求回来的结果是一个空白的数组 .. 我们就去把组件的 noResult 状态的值设置成 true ,表示已经没有要显示的内容了 ..

用一个 if .. 判断一下 .. responseData.length .. ,它的值是不是等于 0 .. 如果是 .. 就去设置一下组件的状态 .. 要设置的是 noResult .. 把它的值设置成 true ..

再找到 renderFooter 这个方法 .. 现在我们就可以根据组件的 noResult 这个状态,来决定到底是显示一个正在加载的指示,还是显示一个没有结果的提示 ..

判断的条件是 !this.state.noResult ..

保存一下 .. 到模拟器上再试一下 .. 向下滚动页面 .. 因为还有需要显示的内容,所以会显示一个正在加载的指示 .. 继续滚动 .. 没有内容了,就会显示一个没有内容的提示 ...

无限载入的分页 - 页脚《 Drupal 8 与 React Native 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点