uniapp原生toast弹窗提示(可穿透所有界面)ba-toast(代码片段)

三杯五岳 三杯五岳     2023-03-17     162

关键词:

原生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弹窗

属性名类型必填默认值说明
titleStringtrue‘’提示内容
iconStringfalse‘’图标
durationNumberfalse0显示时间,0:短(2s)、1:长(3.5s)
textColorStringfalse‘’字体颜色
bgColorStringfalse‘’背景颜色
iconColorStringfalse‘’图标颜色
textSizeNumberfalse‘’字体大小(单位dp)
positionStringfalse‘’显示位置(top、center、bottom、left、right、left_top、left_bottom、right_top、right_bottom)
xOffsetNumberfalse‘’位置在 x轴 偏移量(单位dp)
yOffsetNumberfalse‘’位置在 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文档

uniapp原生toast弹窗提示(可穿透所有界面)ba-toast(代码片段)

...在系统页面显示的原生Toast弹窗提示插件。调用方法参照uniapp自带showToast风格,接入简单,功能强大。支持穿透所有界面支持自定义显示位置支持显示图标,可自定义(默认有“success”、“error”、“loading”,... 查看详情

uniapp扫码原生插件-新(可任意自定义界面版本)(代码片段)

扫码原生插件(毫秒级、支持多码、支持自定义界面)简介(下载地址)Ba-Scanner是一款毫秒级扫码插件,同时支持多码、相册、闪光灯、焦距缩放、提示音、震动等等。新增支持自定义任意界面、任意点击事... 查看详情

uniapp扫码原生插件-新(可任意自定义界面版本)(代码片段)

扫码原生插件(毫秒级、支持多码、支持自定义界面)简介(下载地址)Ba-Scanner是一款毫秒级扫码插件,同时支持多码、相册、闪光灯、焦距缩放、提示音、震动等等。新增支持自定义任意界面、任意点击事... 查看详情

uniapp全局弹窗提示openundefined

参考技术A需要更新组件。根据查询相关公开资料显示,更新uni-popup组件,用示例代码hellouni-app尝试即可。uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(... 查看详情

uniapp微信小程序和h5的弹窗滚动穿透解决(代码片段)

滚动穿透:页面里的弹窗也是可以滚动的,然后页面本身内容多所以也是滚动的,就造成,在弹窗滚动的时候,页面内容也跟着滚动了。如图所示ps:电脑端分鼠标滚轮滚动和长按鼠标拖拽滚动,手机端只有... 查看详情

javascript封装toast弹窗(代码片段)

效果代码/***封装Toast提示*@param提示信息msg*@param延迟时间duration*/functionToast(msg,duration)duration=isNaN(duration)?3000:duration;varm=document.createElement('div');m.innerHTML=msg;m.s 查看详情

toast拓展--自定义显示时间和动画

...提示框来提示用户一些信息,这时候一般都会使用Android原生的Toast类Toast.makeText(mContext,"消息内容",Toast.LENGTH_SHORT).show();一开始觉得,挺好用的,就有点什么消息都用Toast显示了。但是用久了就发现,Toast的显示和消 查看详情

android全局弹窗(dialog)快速实现

...,在多处登录时,要实现互踢功能。在收到被踢通知时,弹窗提示用户被踢,点击继续跳转到登录界面,取消则关闭App由于不知道用户会在哪个界面操作时被踢,接受通知的那个Activity有可能已经失去上下文,导致空指针异常!... 查看详情

blazorbootstrap组件库toast轻量弹窗组件介绍

轻量级Toast弹窗DEMOhttps://www.blazor.zone/toasts基础用法:用户操作时,右下角给予适当的提示信息<ToastBoxclass="d-block"Options="@Options1"/>@codeOptions1=newToast 查看详情

tost元素识别

在日常使用App过程中,经常会看到App界面有一些弹窗提示(如下图所示)这些提示元素出现后等待3秒左右就会自动消失,那么我们该如何获取这些元素文字内容呢?     Toast简介Android中的Toast是一种简易的消息... 查看详情

可拖动弹窗,原生js实现code

复制代码,可直接运行查看效果,关键处已注释说明,希望对你有所帮助。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>可拖动弹窗</title><linkrel="stylesheet"href="https://cdn.jsdelivr.net/ 查看详情

使用系统toast的问题

...在下面这个场景中可能会无法成功展示出弹窗(该场景下原生Toast也一样无法弹出),不过请放心不会导致应用崩溃,而且这个场景出现的概率较小,有以下三个必要条件:1.通知栏权限被关闭(通知栏权限默认都是打开的)2.非MIUI手... 查看详情

菜鸟的xamarin.forms前行之路——原生toast的简单实现方法

...过于单一,且在有些场合Toast更加实用,以下是一个简单的原生Toast的实现方法项目地址:https://github.com/weiweu/TestProject/tree/dev/Toast共享项目定义一个接口IToast,包括Short和Long两个方法:publicinterfaceIToast{voidLong 查看详情

appium自动化之获取apptoast(消息提示框)的信息

...术A在我们日常使用App过程中,经常会看到App界面有一些弹窗提示(如下图所示)这样的提示框称之为Toast提示框,这些提示元素出现后等待3秒左右就会自动消失,那么我们该如何获取这些元素文字内容呢?Appium1.6.3开始支持识别... 查看详情

uni-app原生插件alertdialog弹窗提示框支持苹果安卓

...Auni-app的uni.showModal支持的自定义样式比较有限,基本还是原生的样子,而如果写uni弹窗插件的话,又无法覆盖原生的一些组件,如导航栏,底部Tabbar,非常影响用户体验,于是开发了一个原生的提示插件。支持iOSAndroid,支持自... 查看详情

来谈谈app提示弹窗交互设计

参考技术A移动端常见的提示弹窗可分为3类:提示框、泛Toast和消息推送。提示框是一种打断用户操作行为的弹窗,用户必须做出确认、取消等操作才能进行下一步。常见的用法有功能引导(但别指望傲娇的用户会认真看)、弹... 查看详情

uniapp常用原生插件大全

简单整理了一些比较常用的原生插件,包括扫码、图片选择、文件选择、图片编辑、应用通知、应用未读角标、开机自启、sqlite数据库、保活、快捷方式、图片水印、视频压缩、动态修改应用图标等等,有其他需要可以... 查看详情

uniapp常用原生插件大全

简单整理了一些比较常用的原生插件,包括扫码、图片选择、文件选择、图片编辑、应用通知、应用未读角标、开机自启、sqlite数据库、保活、快捷方式、图片水印、视频压缩、动态修改应用图标等等,有其他需要可以... 查看详情