HarmonyOS 鸿蒙Next 使用@ohos/pulltorefresh真实网络请求

解决上拉加载更多过程中不显示提示文案问题

PullToRefresh({
customRefresh: null,
customLoad: null,
data: $newsData, //数据源 数组
scroller: this.scroller, //控制器，负责关闭下拉和上拉
customList: () => {
// 一个用@Builder修饰过的UI方法
this.getListView();
},
onRefresh: () => {
return this.getList(true)
},
onLoadMore: () => {
//上拉加载
return this.getList(false)
}
})<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

// 异步获取数据
async getList(reset: boolean) {
if (!this.hasMore && !reset) {
ToastUtil.showToast($r(‘app.string.no_more_data’))
return ‘’;
} else if (reset) {
this.currentPage = 1;
}
await HomeRepo.getList(<span class="hljs-keyword">this</span>.currentPage)
  .then((result: ResponseResult&lt;Content[]&gt;) =&gt; {
    
  })
  .catch((err: string | Resource) =&gt; {
    
  });

<span class="hljs-keyword">return</span> <span class="hljs-string">'加载成功'</span>;
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

h691938207 1楼•16 天前

在HarmonyOS鸿蒙Next系统中使用@ohos/pulltorefresh组件进行真实网络请求时，你需要确保几个关键步骤正确无误。首先，确保你的项目已经正确配置了网络权限，这通常在config.json文件中设置。

接下来，使用@ohos/pulltorefresh组件时，你需要将其与数据加载逻辑绑定。这通常涉及监听组件的刷新事件，并在事件触发时执行网络请求。你可以使用Fetch API或XMLHttpRequest进行网络请求，具体选择取决于你的需求和偏好。

在请求成功后，更新你的数据源，并调用PullToRefresh组件的completeRefresh()方法来结束刷新状态。如果请求失败，你可能需要处理错误，并向用户显示适当的反馈。

此外，考虑到网络请求的异步性，确保你的数据更新逻辑在请求完成后执行，避免竞态条件。

最后，为了提升用户体验，你可以在刷新开始时显示加载动画，并在刷新结束时隐藏它。

如果以上步骤正确无误，但你的@ohos/pulltorefresh组件仍然无法正常工作，可能是其他配置或代码问题。此时，建议检查你的代码逻辑，特别是与数据绑定和事件处理相关的部分。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html