react-native - 我如何使用 onRefresh 和 onLoadMore sayem ui 工具包

Question

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

谁能帮我？

这是列表视图：

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

我有 2 个函数用于 getnew、data 和 loadmore。他们可以使用普通的列表视图。

Answer 1

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

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

如果问题是在获取数据后微调器仍然可见，您可以loading通过ListView. loading在您重置道具之前，微调器将保持可见。

所以流程应该如下：

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