uniapp 原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast

简介(下载地址)

Ba-Toast 是一款可穿透所有界面(包括所有原生插件的界面),也可在系统页面显示的原生Toast弹窗提示插件。调用方法参照uniapp自带showToast风格,接入简单,功能强大。

  • 支持穿透所有界面
  • 支持自定义显示位置
  • 支持显示图标,可自定义(默认有“success”、“error”、“loading”,参照uniapp)
  • 支持自定义背景、字体、图标颜色
  • 支持自定义字体大小
  • 支持自定义显示时间

截图展示

uniapp 原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast_第1张图片

使用方法

引用

script 中引入组件

	const toast = uni.requireNativePlugin('Ba-Toast')

调用示例

script 中调用(示例参考,可根据自己业务和调用方法自行修改)

			showToast() {
				toast.showToast({
                    title: "toast",//提示内容
				    icon: "none",//图标
				    duration: 0,//显示时间
				    textColor: '',//字体颜色
				    bgColor: '',//背景颜色
				    iconColor: '',//图标颜色
				    textSize: 0,//字体大小
				    position: 'center',//显示位置
				    xOffset: 0,//位置在 x轴 偏移量
				    yOffset: 0,//位置在 y轴 偏移量
				});
			},

toast图标配置

注意:配置更改后,需要重新制作基座才生效,建议提前配置。

  • toast图标:必填,在项目的 “nativeplugins\Ba-Toast\android\res\drawable” 目录下(没有就新建),添加图标,然后在showToast调用时,icon传图标的名称即可(如,图标文件为“failed.png”,那icon的值为“failed”)

uniapp 原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast_第2张图片

方法清单

名称 说明
showToast 显示toast弹窗

showToast 方法参数

显示toast弹窗

属性名 类型 必填 默认值 说明
title String true ‘’ 提示内容
icon String false ‘’ 图标
duration Number false 0 显示时间,0:短(2s)、1:长(3.5s)
textColor String false ‘’ 字体颜色
bgColor String false ‘’ 背景颜色
iconColor String false ‘’ 图标颜色
textSize Number false ‘’ 字体大小(单位dp)
position String false ‘’ 显示位置(top、center、bottom、left、right、left_top、left_bottom、right_top、right_bottom)
xOffset Number false ‘’ 位置在 x轴 偏移量(单位dp)
yOffset Number false ‘’ 位置在 y轴 偏移量(单位dp)

系列插件

图片选择插件 Ba-MediaPicker (文档)

图片编辑插件 Ba-ImageEditor (文档)

文件选择插件 Ba-FilePicker (文档)

应用消息通知插件(多种样式,新增支持常驻通知模式) Ba-Notify(文档)

应用未读角标插件 Ba-Shortcut-Badge (文档)

应用开机自启插件 Ba-Autoboot(文档)

扫码原生插件(毫秒级、支持多码)Ba-Scanner-G(文档)

扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner(文档)

动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar(文档)

原生sqlite本地数据库管理 Ba-Sqlite(文档)

安卓保活插件(采用多种主流技术) Ba-KeepAlive(文档)

安卓快捷方式(桌面长按app图标) Ba-Shortcut(文档)

自定义图片水印(任意位置) Ba-Watermark(文档)

最接近微信的图片压缩插件 Ba-ImageCompressor(文档)

视频压缩、视频剪辑插件 Ba-VideoCompressor(文档)

动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon(文档)

原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast(文档)

图片涂鸦、画笔 Ba-ImagePaint(文档)

pdf阅读(手势缩放、显示页数) Ba-Pdf(文档)

声音提示、震动提示、语音播报 Ba-Beep(文档)

websocket原生服务(自动重连、心跳检测) Ba-Websocket(文档)

短信监听(验证码) Ba-Sms(文档)

智能安装(自动升级) Ba-SmartUpgrade(文档)

监听系统广播、自定义广播 Ba-Broadcast(文档)

监听通知栏消息(支持白名单、黑名单、过滤) Ba-NotifyListener(文档)

全局置灰、哀悼置灰(可动态、同时支持nvue、vue) Ba-Gray(文档)

获取设备唯一标识(OAID、AAID、IMEI等) Ba-IdCode(文档)

实时定位(系统、后台运行、支持息屏)插件 Ba-Location(文档)

你可能感兴趣的:(uni-app,uni-app,前端,toast,原生插件,弹窗提示)