HarmonyOS 鸿蒙Next Refresh控件下的子控件Column和List切换就无法刷新

HarmonyOS 鸿蒙Next Refresh控件下的子控件Column和List切换就无法刷新 API9中使用的Refresh控件。

Refresh里面包含List时，可以下拉刷新。

Refresh包含Column 也可以下拉刷新。

但是Refresh里加了if判断，从Column切换成List后。List就无法下拉刷新了。这是为什么啊。

build() {
  Column() {
    Refresh({ refreshing: $$this.isRefreshing }) {
      if (this.pageState == Const.Page_ShowData) {

        List() {
          ForEach(this.data, (item, index) => {
            ListItem() {
              SecretaryCellView({ item: item, type: this.type, delCallBack: () => {
                this.data.splice(index, 1)
              } })
                .onClick(() => {
                  Log('跳转详情')
                  router.pushUrl({
                    url: 'pages/SecretaryFragment/SecretaryContentActivity',
                    params: {
                      data: item,
                      type: this.type
                    }
                  })
                })
              ;
            }
          })
        }.edgeEffect(EdgeEffect.None)

      } else if (this.pageState == Const.Page_Empty) {
        SecretaryListEmptyView()
      } else if (this.pageState == Const.Page_Loading) {
        LoadingView();
      } else if (this.pageState == Const.Page_Error) {
        ErrorView();
      }
    }.onRefreshing(() => {
      //刷新
      this.onRefresh()
    })
    .layoutWeight(1)
  }
  .width('100%')
  .layoutWeight(1)
  .backgroundColor("#f0f0f0")
}

上面是源代码。根据接口返回数据动态加载布局页面。早期Refresh只包含List时是可以下拉刷新的。但是加了这个判断后，页面一进来Refresh包含的是

LoadingView(); 接口请求成功后再展示的list 。但是list 展示出来后无法下拉刷新了。

更多关于HarmonyOS 鸿蒙Next Refresh控件下的子控件Column和List切换就无法刷新的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 1楼•5 天前

尝试修改为

Refresh({ refreshing: $$this.isRefreshing }) {
    List() {
    }.visibility(this.pageState == Const.Page_ShowData ? Visibility.Visible : Visibility.None)

    SecretaryListEmptyView().visibility(this.pageState == Const.Page_Empty ? Visibility.Visible : Visibility.None)
    LoadingView().visibility(this.pageState == Const.Page_Loading ? Visibility.Visible : Visibility.None)
    ErrorView().visibility(this.pageState == Const.Page_Error ? Visibility.Visible : Visibility.None)
}

更多关于HarmonyOS 鸿蒙Next Refresh控件下的子控件Column和List切换就无法刷新的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 2楼•5 天前

可以了。谢谢，

eggper 3楼•5 天前

在HarmonyOS中，Refresh控件用于实现下拉刷新功能。当Refresh控件的子控件是Column或List时，切换它们可能会导致刷新失效。这是因为Refresh控件依赖于子控件的布局和状态变化来触发刷新操作。如果子控件的布局或状态未正确更新，Refresh控件可能无法检测到需要刷新的信号。

要解决这个问题，可以确保在切换Column或List时，它们的布局和状态正确更新。可以通过调用invalidate或requestLayout方法强制刷新子控件的布局。此外，确保Refresh控件的onRefresh回调函数正确实现，以便在刷新时执行相应的逻辑。

如果问题仍然存在，可以检查Refresh控件的属性设置，确保enabled属性为true，并且refreshing属性在刷新过程中正确更新。通过这些方法，可以有效解决Refresh控件在切换Column或List时无法刷新的问题。

yuanlaile 4楼•5 天前

在HarmonyOS中，Refresh控件下的子控件Column和List切换时无法刷新，可能是由于数据绑定或状态管理的问题。确保以下几点：

数据绑定：确保Column和List的数据源已正确绑定，并在数据更新时触发刷新。
状态管理：使用@State或@Observed装饰器管理状态，确保状态变化时UI自动更新。
刷新逻辑：在切换时手动调用this.refreshController.requestRefresh()，强制刷新控件。
布局更新：检查布局是否正确更新，确保切换时Column和List的显示状态变化。

通过以上步骤，可以有效解决Refresh控件下的子控件切换时无法刷新的问题。