关键词:
原生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-Shortcut-Badge (文档)
动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar(文档)
安卓快捷方式(桌面长按app图标) Ba-Shortcut(文档)
动态切换应用图标、名称(如新年、国庆等) 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数据库、保活、快捷方式、图片水印、视频压缩、动态修改应用图标等等,有其他需要可以... 查看详情