我如何使用onRefresh和onLoadMore shoutem ui工具包

Question

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

任何人都可以帮助我吗？

这是listview：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我有2个getnew，data和loadmore函数。他们可以使用普通的listview。

Answer 1

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

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

如果问题在于提取数据后微调器仍然可见，则可以通过loading的{​​{1}}道具控制微调器的可见性。在您重置ListView道具之前，微调器将保持可见。

所以流程应该如下：

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