uni-app HBuilder X 更新到4.14后 scroll-view 刷新图标出现异常

uni-app HBuilder X 更新到4.14后 scroll-view 刷新图标出现异常

开发环境 版本号 项目创建方式
Windows Windows 10 HBuilderX
Android Android 14
一加 ace2 pro

产品分类：
uniapp/App

PC开发环境操作系统：
Windows

HBuilderX类型：
正式

HBuilderX版本号：
4.14

手机系统：
Android

手机系统版本号：
Android 14

手机厂商：
一加

手机机型：
ace2 pro

页面类型：
vue

vue版本：
vue3

打包方式：
云端

操作步骤：

  • 滑动屏幕下拉刷新scroll-view 图标出现在最左侧

预期结果：

  • 滑动屏幕下拉刷新scroll-view 图标出现在中间 并有箭头有动画的

实际结果：

  • 滑动屏幕下拉刷新scroll-view 图标出现在最左侧 箭头未有动画

bug描述：

  • HBuilder X 更新到4.14 scroll-view 刷新图标跑到左侧；HBuilder X 版本回退到4.08 图标正常并可转动


更多关于uni-app HBuilder X 更新到4.14后 scroll-view 刷新图标出现异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

HBuilderX 4.15.2024050802 已修复。

更多关于uni-app HBuilder X 更新到4.14后 scroll-view 刷新图标出现异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请问从微信浏览器中唤醒APP获取extinfo参数ios是加密状态，安卓没有问题，这个问题怎么解决啊

感谢反馈，此问题会在4.15版本进行修复，即将发布

可以自己修改一下css

哈哈，一更新就有奇奇怪怪的bug，我已经回退到了4.08了

在 uni-app 中，使用 HBuilder X 更新到 4.14 版本后，scroll-view 的刷新图标出现异常，可能是由于新版本的样式或功能变更导致的。以下是一些可能的解决方案和排查步骤：

1. 检查样式冲突

更新后，scroll-view 的默认样式可能发生了变化，导致刷新图标显示异常。可以尝试以下方法：

  • 检查自定义样式是否与 scroll-view 的默认样式冲突。
  • 使用浏览器的开发者工具（F12）查看 scroll-view 及其子元素的样式，确认是否有样式覆盖或冲突。

2. 检查 scroll-view 的属性和事件

确保 scroll-view 的属性和事件配置正确：

  • 检查 refresher-enabled 属性是否开启。
  • 检查 refresher-triggered 属性是否正确绑定，并在刷新完成后设置为 false。
  • 确保 [@refresherrefresh](/user/refresherrefresh) 事件处理逻辑没有问题。

示例代码：

<scroll-view
  refresher-enabled
  :refresher-triggered="isRefreshing"
  [@refresherrefresh](/user/refresherrefresh)="onRefresh"
>
  <!-- 内容 -->
</scroll-view>

<script>
export default {
  data() {
    return {
      isRefreshing: false,
    };
  },
  methods: {
    onRefresh() {
      this.isRefreshing = true;
      // 模拟刷新操作
      setTimeout(() => {
        this.isRefreshing = false;
      }, 2000);
    },
  },
};
</script>
回到顶部