更新记录
1.0.0(2020-09-25)
1、支持条形码和二维码扫描 2、支持连续扫描 3、支持自定义头部样式
平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
适用版本区间:4.4 - 11.0 | 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原生插件配置”->”云端插件“列表中删除该插件重新选择
uni原生扫码插件
一、插件使用
<template>
<view class="button-sp-area">
<button type="primary" plain="true" @click="showRichAlert()">条形码</button><button type="primary" plain="true" @click="shoTowRich()">条形码连续扫描</button><button
type="primary" plain="true" @click="showTo()">二维码</button>
</view>
</template>
<script>
const modal = uni.requireNativePlugin('modal');
//支持的定制配置:type:1表示条形码,2表示二维码;continuous:0表示只扫描一个并返回结果,1表示可以连续扫描返回结果列表;backgroundColor顶部背景色
//{type: 1,continuous:1,backgroundColor:'#FF00FF',title:'顶部标题'}
//引入插件
const scan = uni.requireNativePlugin('Scan-Code');
export default {
data() {
return {
title: ''
}
},
onLoad() {
},
methods: {
showRichAlert() {
//调用插件扫描,并配置定制参数和接收返回结果
scan.scan({
type: 1,
}, result => {
const msg = JSON.stringify(result);
modal.toast({
message: msg,
duration: 1.5
});
});
},
shoTowRich() {
scan.scan({
type: 1,
continuous: 1
}, result => {
const msg = JSON.stringify(result);
modal.toast({
message: msg,
duration: 1.5
});
});
},
showTo() {
scan.scan({
type: 2,
}, result => {
const msg = JSON.stringify(result);
modal.toast({
message: msg,
duration: 1.5
});
});
},
}
}
</script>
<style>
button {
margin-top: 30upx;
margin-bottom: 30upx;
}
.button-sp-area {
margin: 0 auto;
width: 60%;
}
.content {
text-align: center;
height: 400upx;
}
.wrapper {
flex-direction: column;
justify-content: center;
}
.button {
width: 200px;
margin-top: 30px;
margin-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-width: 2px;
border-style: solid;
border-color: #458B00;
background-color: #458B00;
}
.text {
font-size: 30px;
color: #666666;
text-align: center;
}
</style>
二、更多定制
QQ:690898091
QQ群:475527470