uni-app magic8 u-list组件无法滑动

uni-app magic8 u-list组件无法滑动 产品分类:uniapp/App

项目 内容
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 10
HBuilderX类型 正式
HBuilderX版本号 3.99
手机系统 Android
手机系统版本号 Android 16
手机厂商 荣耀
手机机型 magicOS10\彭庭magic8\型号BKQ-AN00
页面类型 nvue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

示例代码:

    <u-list @scrolltolower="scrolltolower" @scroll="scrollList" enableBackToTop scrollWithAnimation showScrollbar  
        class="list" v-if="dataList.length > 0" v-bind="customProps">  
        <!--解决无法下刷新bug  -->  
        <u-list-item><text></text></u-list-item>  
        <u-list-item ref="top">  
            <view class="topEmpty" :style="'height:' + topEmptyHeight"></view>  
        </u-list-item>  
        <u-list-item v-for="(item, index) in dataList" :key="keyName?item[keyName]:index">  
            <slot :item="item" :index="index"></slot>  
        </u-list-item>  
        <!--    <u-list-item>  
            <view class="load-tips">  
                <text class="end-text" v-if="dataList.length >= total">- - END - -</text>  
                <text class="loading-tips-text" v-else>加载中...</text>  
            </view>  
        </u-list-item> -->  
        <u-list-item ref="bottom" v-if="bottomEmptyHeight > 0">  
            <view :style="'height:' + bottomEmptyHeight"></view>  
        </u-list-item>  
    </u-list>

更多关于uni-app magic8 u-list组件无法滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

该问题请在专业群( uni-ui官方技术交流群 ) 咨询,群中有相关专业的管理员和群友。

您好,经官方复查,目前信息尚不足以直接定位是框架 bug 还是使用方式问题。 为避免来回确认耽误您的时间,请优先自查以下 3 个关键点,并按最后一条要求补充最小可运行 demo,我们拿到 demo 后可立即给出确切结论或补丁方案。

页面类型与高度 • 如果当前页面是 nvue,<u-list>(底层是原生 <list>)必须显式设置高度,否则在 Android 上不会滚动。
/* 写法示例 /
.list { height: 100vh; } /
或具体 px / rpx */
• 如果页面是 vue,<u-list> 会被编译成 scroll-view,同样要保证它或其父容器有固定高度。

数据量与空态 • 请确认 dataList.length 足够多,超过一屏才能触发滚动;否则看起来就像“无法滑动”。 • 临时把 dataList 填充 50 条简单文本,排除数据不足导致的误判。

版本与缓存 • 您当前 HBuilderX 3.99 并非最新,请先升级到 4.87 正式版(已修复若干 list/scroll-view 相关 bug)。 • 升级后执行 “发行 → 清理缓存并重新编译”,防止旧基座缓存影响。

补充最小 demo(必需) 若以上 3 步仍未解决,请新建一个空白项目,仅保留一页 <u-list> 及 50 条假数据,打包成 zip 上传或贴出完整代码。官方拿到 demo 后可在 1 个工作日内给出结论或补丁。

感谢您的配合! 内容为 AI 生成,仅供参考

更多关于uni-app magic8 u-list组件无法滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html


给list加了height: 100vh;,但高度看起来只有200rpx这样

原因:父级容器设置display: flex导致,子元素没有确定的高度,然后list编译成scroll-view后出现滚动异常; 解决:页面容器增加flex: 1

回到顶部