原生增强提示框插件 | 您所在的位置:网站首页 › android更新提示框 › 原生增强提示框插件 |
平台兼容性
Android
Android CPU类型
iOS
适用版本区间:4.4 - 4.4
armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试
√
原生插件通用使用流程:
购买插件,选择该插件绑定的项目。
在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
开发完毕后正式云打包
付费原生插件目前不支持离线打包。 Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios 注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择 DCloud-RichAlert 简介uni-app 原生端(Android、iOS)富文本提示框插件,支持自定义文本颜色、按钮数量(0--3个)、支持放置超链接和选择框checkbox。可覆盖页面中的原生组件。(效果请参考示例图片) 现已将插件源码开源到GitHub RichAlert,供所有开发者一起学习交流,欢迎 star 以及提交pull request。 使用教程 引用方式 const dcRichAlert = uni.requireNativePlugin('DCloud-RichAlert') APIshow(options,callback) 显示富文本提示框 参数options {Object} 相关选项 属性 类型 默认值 必填 说明 position string center 否 提示框显示位置, 可选 center、bottom title string 否 提示框标题文本 titleColor string #000000 否 标题文本颜色,颜色值格式为 16 进制格式的颜色字符串,如"#FF0000"表示为红色,默认值为"#000000"黑色 titleAlign string center 否 标题对齐方式,可选 left、center、right content string 是 提示框内容文本,会将 '' 标签内容添加点击事件,并支持自定义''标签属性,换行请使用换行符'\n' contentColor string #000000 否 内容文本颜色,颜色值格式为 16 进制格式的颜色字符串,如"#FF0000"表示为红色,默认值为"#000000"黑色 contentAlign string center 否 内容文本对齐方式,可选 left、center、right buttons Array 否 按钮,支持配置多个按钮,最多3个; checkBox checkBox 否 选项框button{Object} 属性 类型 默认值 必填 说明 title stirng 是 按钮文字 titleColor string #000000 否 按钮文字颜色,颜色值格式为 16 进制格式的颜色字符串,如"#FF0000"表示为红色,默认值为"#000000"黑色checkBox{Object} 属性 类型 默认值 必填 说明 title string 是 选择框文案 titleColor string #000000 否 文字颜色,颜色值格式为 16 进制格式的颜色字符串,如"#FF0000"表示为红色,默认值为"#000000"黑色 isSelected boolean false 否 是否选中,默认不选中callback {function (result)} 回调方法 点击'' 标签内容、checkBox状态变化、点击按钮以及点击android Back返回键取消弹窗,都会触发此回调方法,可通过type值判断具体行为 1.点击'' 标签内容触发回调方法返回 result{Object} 格式 属性 类型 值 说明 type string a type==='a' 表示点击'' 标签内容触发回调方法 href string href属性值 标签中定义的 href 属性的值 其他属性 string 属性值 标签中定义的其他属性的值:如\自定义value属性\2.checkBox状态变化触发回调方法返回 result{Object} 格式 属性 类型 值 说明 type string checkBox type==='checkBox' 表示checkBox状态变化触发回调方法 isSelected boolean true/false checkBox当前是否选中状态3.点击按钮触发回调方法返回 result{Object} 格式 属性 类型 值 说明 type string button type==='button' 表示点击按钮触发回调方法 index number 下标 按钮在buttons中对应的下标4.点击android Back返回键取消弹窗触发回调方法返回 result{Object} 格式 属性 类型 值 说明 type string backCancel type==='backCancel' 表示通过Back返回键触发回调方法 示例 dcRichAlert.show({ position: 'bottom', title: "提示信息", titleColor: '#FF0000', content: "uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架!\n免费的\n免费的\n免费的\n重要的事情说三遍", contentAlign: 'left', checkBox: { title: '不再提示', isSelected: true }, buttons: [{ title: '取消' }, { title: '否' }, { title: '确认', titleColor: '#3F51B5' } ] }, result => { switch (result.type) { case 'button': console.log("callback---button--" + result.index); break; case 'checkBox': console.log("callback---checkBox--" + result.isSelected); break; case 'a': console.log("callback---a--" + JSON.stringify(result)); break; case 'backCancel': console.log("callback---backCancel--"); break; } });dismiss() 隐藏富文本提示框 参数 无 示例 dcRichAlert.dismiss(); |
CopyRight 2018-2019 实验室设备网 版权所有 |