incool
incool
  • 发布:2025-05-09 16:01
  • 更新:2025-05-09 16:01
  • 阅读:45

【报Bug】android平台在scroll-view 里面使用map缩放功能的时候,缩放不顺畅,和scroll-view的滚动手势事件冲突

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 22631.5262

HBuilderX类型: 正式

HBuilderX版本号: 4.64

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: Redmi K30S Ultra

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template> <!-- #ifdef APP --> <scroll-view style="flex: 1;"> <!-- #endif --> <view class="status-bar"></view> <view class="custom-navbar"> <view class="navbar-left">坐标拾取</view> <view class="navbar-title" @click="closeDialog">关闭</view> </view> <view class="map-content"> <map id="getCoordinate" class="coordinate-map" :latitude="34.624977" :longitude="112.456549"

scale="18" :show-location="true" :enable-zoom="true" @tap="clickMap"></map> </view>

<!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template>

<script setup>
const closeDialog = () => {
uni.closeDialogPage({
animationType:"slide-out-bottom"
})
}
const clickMap = () => {

    }  

</script>

<style>
.map-content{
height: 100%;
}
.coordinate-map{
height: 100%;
width: 100%;
}
.custom-navbar {
height: 44px;
display: flex;
align-items: center;
padding: 0 10px;
background-color: #ffffff;
border-bottom: 1px solid #eeeeee;
flex-direction: row;
justify-content: space-between;
}
.status-bar{
height: var(--status-bar-height);
}
</style>

操作步骤:

把scroll-view 换成view,手势缩放顺畅

预期结果:

scroll-view中地图缩放正常顺畅

实际结果:

scroll-view中地图缩放不正常不顺畅

bug描述:

android平台在scroll-view 里面使用map缩放功能的时候,缩放不顺畅,和scroll-view的滚动手势事件冲突

2025-05-09 16:01 负责人:无 分享
已邀请:

要回复问题请先登录注册