App端全局悬浮客服按钮不能用v-if或show控制显隐，因原生渲染层不支持跨页Vue组件挂载，卸载后无法自动复活；正确方式是用plus.nativeObj.View创建常驻原生视图，在onLaunch中初始化并手动show/hide。
uni-app App端全局浮动客服按钮为什么不能用v-if或show控制显隐
因为App端（iOS/Android）原生渲染层不支持跨页面的Vue组件挂载，一旦在某个页面用v-if="false"卸载悬浮按钮组件，它就彻底从当前原生视图树中移除了——切到下一个页面时，这个组件根本不会自动复活。所谓“全局”，必须是常驻原生窗口层级的独立视图。
正确做法是：把悬浮按钮作为原生插件或使用plus.nativeObj.View创建原生控件，绕过Vue组件生命周期限制。
- 不要在
pages.json的每个页面里重复引入悬浮组件 - 不要依赖
onShow/onHide手动控制显隐——这些钩子在App端对原生浮层无效 - 避免用
position: fixed+z-index模拟——Web端可行，App端会被原生导航栏、软键盘等遮挡或错位
用plus.nativeObj.View创建真·原生悬浮球（App端专属）
plus.nativeObj.View是5+ SDK提供的原生绘图视图，可脱离Webview独立存在，且始终位于最上层。这是实现App端全局悬浮球最稳定的方式，无需额外插件。
关键点：必须在onLaunch中初始化，且仅执行一次；按钮点击事件需通过addEventListener('click')绑定，不能用@click。
export default {
onLaunch() {
// 避免重复创建
if (this.$globalFloatBtn) return;
<pre class="brush:php;toolbar:false;">const btn = new plus.nativeObj.View('float-btn', {
top: '200px',
left: '20px',
width: '50px',
height: '50px',
backgroundColor: '#007AFF',
borderRadius: '25px',
zIndex: 9999
});
// 绘制图标（这里用简化的圆角矩形+文字示意）
btn.draw([{
tag: 'rect',
color: '#007AFF',
radius: '25px',
rect: [0, 0, 50, 50]
}, {
tag: 'text',
text: '客服',
font: '12px sans-serif',
color: '#fff',
align: 'center',
valign: 'middle',
rect: [0, 0, 50, 50]
}]);
btn.addEventListener('click', () => {
uni.navigateTo({ url: '/pages/customer/service' });
});
this.$globalFloatBtn = btn;
} }
- 坐标单位是px，不是rpx，需根据屏幕宽度动态计算
left（例如plus.screen.width - 70 + 'px'靠右下角） - 必须调用
btn.show()才可见；隐藏用btn.hide()，别用display: none - iOS上若被状态栏遮挡，加
top: 'statusbar.height + 20px'（用plus.navigator.getStatusBarHeight()获取）
如何让悬浮球在特定页面隐藏（比如客服页本身）
原生plus.nativeObj.View没有“条件渲染”概念，只能手动show/hide。需要监听页面路由变化，在目标页面onShow时隐藏，onHide时恢复。
但注意：onHide在App端不一定触发（如后台切回），所以更可靠的做法是：在所有非客服页面的onShow中确保显示，客服页onShow中强制隐藏。
- 在
App.vue的onShow里判断getCurrentPages()栈顶路径，匹配/pages/customer/service则hide() - 不要在
onHide里show()——用户切后台再回来，页面可能已销毁，onHide不保证执行 - 如果用TabBar，需在每个tab页的
onShow里统一处理，否则切换tab时浮层残留
安卓端android.permission.SYSTEM_ALERT_WINDOW权限怎么处理
部分安卓机型（尤其国产ROM）要求悬浮窗权限，否则plus.nativeObj.View无法显示。这不是uni-app能绕过的系统限制。
必须在manifest.json中配置权限，并在首次启动时主动申请。注意：uni-app的uni.getSystemInfo拿不到该权限状态，得用plus.android.requestPermissions。
- 在
manifest.json → "Android设置" → "权限配置"勾选悬浮窗（对应android.permission.SYSTEM_ALERT_WINDOW） - 在
onLaunch中检测是否已有权限：plus.android.isRuntimePermissionAuthorized('android.permission.SYSTEM_ALERT_WINDOW') - 未授权时跳转系统设置页：
plus.runtime.openURL('package:com.xxx.xxx')（替换成自己包名）或提示用户手动开启 - 权限拒绝后再次申请会失败，必须引导用户去设置页——这是安卓原生机制，没法静默处理
这个权限问题最容易被忽略，测试时用模拟器或小米/华为真机跑一遍，没弹权限提示基本就是卡在这儿了。
