uni-app HUAWEI V10 showToast背景色不是黑色

uni-app HUAWEI V10 showToast背景色不是黑色

示例代码：

uni.showToast({title: '当前已是最新版本',position:'center',icon:'none'});

背景色是灰色的，不是黑色

操作步骤：

uni.showToast({title: '当前已是最新版本',position:'center',icon:'none'});

背景色是灰色的，不是黑色

预期结果：

背景色是黑色

实际结果：

uni.showToast({title: '当前已是最新版本',position:'center',icon:'none'});

背景色是灰色的

信息类别 详情
产品分类 uniapp/App
PC开发环境 Windows
PC开发环境版本 WIN10
HBuilderX类型 正式
HBuilderX版本 3.1.5
手机系统 Android
手机系统版本 Android 10
手机厂商 华为
手机机型 BKL-AL20
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app HUAWEI V10 showToast背景色不是黑色的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app HUAWEI V10 showToast背景色不是黑色的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是华为EMUI系统对Android 10的Toast组件进行了定制化样式修改导致的系统级差异。uni-app的showToast在Android平台底层调用的是原生Toast组件，不同厂商系统会对Toast的默认样式进行定制。

目前可行的解决方案：

  1. 使用uni.showModal替代：
uni.showModal({
  content: '当前已是最新版本',
  showCancel: false,
  confirmText: '确定'
})

  1. 自定义弹窗组件： 可以自行实现一个全局弹窗组件，完全控制样式表现。

  2. 条件编译处理：

// #ifdef APP-PLUS
if(plus.os.name.toLowerCase() === 'android') {
  uni.showModal({
    content: '当前已是最新版本',
    showCancel: false
  })
} else {
  uni.showToast({title: '当前已是最新版本',position:'center',icon:'none'})
}
// #endif
回到顶部