uniapp 原生Toast弹窗提示（可穿透所有界面） Ba-Toast

Posted 2022-10-12 三杯五岳

原生Toast弹窗提示（可穿透所有界面） Ba-Toast

简介（下载地址）

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

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

截图展示

使用方法

引用

在 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-Toase\\android\\res\\drawable” 目录下（没有就新建），添加图标，然后在showToast调用时，icon传图标的名称即可（如，图标文件为“failed.png”，那icon的值为“failed”）

方法清单

名称	说明
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-AppBar（文档）

原生sqlite本地数据库管理 Ba-Sqlite（文档）

安卓保活插件 Ba-KeepAlive（文档）

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

自定义图片水印 Ba-Watermark（文档）

视频压缩插件 Ba-VideoCompressor（文档）

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