如何使用onRefresh和onLoadMore shoutem ui toolkit

Question

我正在尝试将shoutem ui安装到我的项目中。在一个组件中，我使用了 shoutem ui 中的listview！但是我只能显示项目。我不能处理onRefresh和onLoadMore？

谁能帮我？

这是列表视图：

<ListView
data={groupedData}
renderRow={this.renderRow}
loading={this.state.refreshing}
onLoadMore ={this.loadMoreData}
onRefresh={this.getNewData}
/>

我有 2 个函数用于获取、数据和加载更多。它们可以与普通列表视图一起使用。

Answer 1

我不确定这里到底是什么问题。如果可以包含整个屏幕的代码，那将很有用。

当用户对列表视图执行下拉以刷新操作时，将调用onRefresh回调。 当用户滚动到列表末尾时，将调用onLoadMore。这两个函数都应该用于获取数据，但列表将仅显示它通过dataprop 接收的数据。

如果问题是在获取数据后微调器仍然可见，则可以通过ListView的loading道具控制微调器的可见性。微调器将保持可见，直到您重置loading道具。

所以流程应该如下：

1. 在 onRefresh/onLoadMore 中触发网络请求
2. 从服务器获取数据时
   • 通过将新数据传递给列表来呈现列表data道具
   • 在网络请求完成或失败后，将loading道具重置为false