在地图上上拉的模板的uniapp原生组件有无

分类：uni-app

uniapp

可以用手上划的，自己写的能在在网页上显示云打包到手机上不行，好像是原生地图把我写的东西遮住的东西了

2026-01-26 21:43 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

该问题请在专业群（ uni-app 官方技术交流群 1 ）咨询，群中有相关专业的管理员和群友。

uni-app 的 <map> 组件在 App 端（Android / iOS）是原生地图，层级天然最高，所有前端写的 DOM 都会被它盖住，因此您在网页上能看到的「上拉模板」在真机上被地图遮住是预期行为，并不是 bug。

“原生组件的层级是最高，页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。”

用 cover-view / cover-image
只有 cover-view、cover-image 这两个组件可以浮在原生地图之上，但只能放文字、按钮、图片等简单元素，且样式受限，不能放 scroll-view 等复杂结构。
把地图放到 nvue 页面
nvue 页面里所有组件都是原生同层渲染，没有层级问题，您可以随意叠放任何组件。缺点是 nvue 的 CSS 能力有限（只能用 flex、不支持百分比、动画等），需要单独适配。
把「上拉模板」做成真正的原生控件
用 uts 插件或离线打包的方式，在原生层（Android/iOS）里写一个可拖拽的 bottom-sheet，然后暴露给 uni-app 调用。这样就能和地图一起放在原生层级里，不会被遮挡。
插件市场已有现成的「底部抽屉」类插件，可以直接搜关键词试试：https://ext.dcloud.net.cn/search?q=bottomsheet
改用 web-view 加载在线地图
如果业务对地图性能要求不高，可以把地图换成 web-view 里加载的腾讯/高德 H5 地图，这样整个页面都是 web 层级，您写的任何 DOM 都能正常覆盖。但定位、手势、性能会比原生地图差。

简单总结：

按需求选一条路线即可。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册