关键词：
uniapp扫码原生插件（Google MLKit、zxing；支持同时扫多个码）
简介
插件下载
总有一款适合你，本项目包含两个插件，可选择使用
- 最新、最快、支持多码，基于MLKit的插件Ba-Scanner-G
- 最经典，基于zxing的插件Ba-Scanner-Zxing
其中，Ba-Scanner-G基于Google MLKit 快速集成二维码扫描，速度比zxing快
- 支持同时扫多个二维码和条形码
- 支持配置相册
- 支持闪光灯
- 相机可以调整焦距放大缩小
- 支持自定义扫描线颜色、提示文案等
- 支持扫描完成提示音、震动
截图展示
原生插件通用使用流程：
- 在市场上安装插件，选择该插件绑定的项目。
- 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
- 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
- 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
开发完毕后正式云打包
本插件使用方法
在 script 中引入组件
const scanner = uni.requireNativePlugin('Ba-Scanner-Zxing')
const scannerG = uni.requireNativePlugin('Ba-Scanner-G')
在 script 中调用
methods:
// Ba-Scanner-G
onScanG()
scannerG.onScan(
'isShowVibrate': true,
'isShowBeep': true,
'isShowPhotoAlbum': true,
'isShowLightController': true,
'zoom': true,
'scanColor': '#ff0000',
'hintText': '扫二维码/条形码',
'hintTextColor': '#ffffff',
'hintTextSize': '14'
,
(res) =>
if (res.code == "success")
...
//扫码结果 res.result
);
,
//Ba-Scanner-Zxing
onScanZ()
scanner.onScan(,
(res) =>
if (res.code == "success")
...
//扫码结果 res.result
);
Ba-Scanner-G 自定义配置参数
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| isShowVibrate | Boolean | true | 扫描完成震动 |
| isShowBeep | Boolean | false | 扫描完成声音 |
| isShowPhotoAlbum | Boolean | true | 是否显示相册 |
| isShowLightController | Boolean | true | 是否显示闪光灯开关 |
| zoom | Boolean | false | 是否支持手势缩放 |
| scanColor | String | #FF0000 | 扫描线的颜色 |
| hintText | String | 扫二维码/条形码 | 提示文案 |
| hintTextColor | String | #FF0000 | 提示文案颜色 |
| hintTextSize | Number | 14 | 提示文案字体大小 |
| scanGrid | Boolean | false | 扫描线样式是否为网格 |
| gridScanLineColumn | Number | 30 | 网格扫描线的列数 |
| gridScanLineHeight | Number | 300 | 网格高度 |
统一回调参数
| 属性名 | 类型 | 说明 |
|---|---|---|
| code | String | 扫描结果判断，success为成功，其他失败 |
| result | String | 扫描结果 |
uniapp扫码原生插件-新（可任意自定义界面版本）(代码片段)
扫码原生插件（毫秒级、支持多码、支持自定义界面）简介（下载地址）Ba-Scanner是一款毫秒级扫码插件，同时支持多码、相册、闪光灯、焦距缩放、提示音、震动等等。新增支持自定义任意界面、任意点击事... 查看详情
uniapp常用原生插件大全
简单整理了一些比较常用的原生插件，包括扫码、图片选择、文件选择、图片编辑、应用通知、应用未读角标、开机自启、sqlite数据库、保活、快捷方式、图片水印、视频压缩、动态修改应用图标等等，有其他需要可以... 查看详情
uniapp常用原生插件大全
简单整理了一些比较常用的原生插件，包括扫码、图片选择、文件选择、图片编辑、应用通知、应用未读角标、开机自启、sqlite数据库、保活、快捷方式、图片水印、视频压缩、动态修改应用图标等等，有其他需要可以... 查看详情
uniapp原生插件开发问题汇总
参考技术Auniapp原生插件开发与使用问题1：导入UniPlugin-Hello-AS工程项目后，运行时虚拟器报devicesupportx86butapkonlysupportsarmeabi-v7a问题2：打包uni-app插件时，选择Gradle--->插件module--->Tasks--->build--->assembleRelease（双击运行生成mod... 查看详情
uniapp原生插件-yl视频播放器(代码片段)
YL视频播放器uniapp插件市场地址：https://ext.dcloud.net.cn/plugin?id=9569简介YL视频播放器是一款适用于安卓端的高性能原生插件（ios暂不支持），支持3核心切换（exo，ijk，安卓原生），支持点播录... 查看详情
uniapp原生插件-yl视频播放器(代码片段)
YL视频播放器uniapp插件市场地址：https://ext.dcloud.net.cn/plugin?id=9569简介YL视频播放器是一款适用于安卓端的高性能原生插件（ios暂不支持），支持3核心切换（exo，ijk，安卓原生），支持点播录... 查看详情
uniapp原生插件-yl视频播放器(代码片段)
YL视频播放器uniapp插件市场地址：https://ext.dcloud.net.cn/plugin?id=9569简介YL视频播放器是一款适用于安卓端的高性能原生插件（ios暂不支持），支持3核心切换（exo，ijk，安卓原生），支持点播录... 查看详情
uniapp使用本地原生插件及本地真机调试(代码片段)
1、项目根目录下创建目录nativeplugins2、插件放入nativeplugins目录下，如下截图3、manifest.json文件打开，选择App原生插件配置菜单，选择本地原生插件4、插件中有用到权限的，需要在manifest.json文件，App权限配置菜... 查看详情
uniapp调用sdk原生接口(代码片段)
有uniapp开发网友问我，因为公司业务需要调用原生SDK才能实现的功能，因为没有去了解Android原生的这方面知识，接下来带大家一起了解一下uniapp调用；一，准备工作uniapp调用插件开发文档：https://nativesupport.dcloud.net.cn/NativePlugin/R... 查看详情
uniapp接入android原生插件(代码片段)
下载AndroidStudio开发包开发包安装jdk生成keytool-genkey命令生成证书在jdk/bin文件夹中生成keytool-genkey-aliastestalias-keyalgRSA-keysize2048-validity36500-keystoretest.keystore查看证书信息keytool-list-v-keystoretest.keystore你会得到一串SHA 查看详情
uniapp原生插件开发-android端-component扩展
参考技术A本篇为uniapp原生插件开发-android端-component扩展这里实现一个原生的MPAndroidChart的饼状图扩展效果如下提醒：修改完这些你可能需要重新打开androidstudio，不知道是不是我的as版本太新了，修改了，然后一直停止不了之前的... 查看详情
uniapp移动端调用摄像头扫描二维码或者条形码
...入uQRCode。importuQRCodefrom../../components/uQRCode/u-qrcode.js;使用uniapp调用手机扫码方法：#uni.scanCode(OBJECT)，调起客户端扫码界面，扫码成功后返回对应的结果。fun()uni.scanCode(scanType:[barCode,qrCode],success:function(res))scanType是扫码类型... 查看详情
uniapp原生插件开发(ios)
参考技术A打开Xcode，创建一个新的Framework工程，然后点击Next输入插件工程名称（建议使用一个性化的前缀，避免与其他人的插件包名冲突），其他项不需要修改保持工程默认填充的即可，然后点击Next然后选中工程名，在TARGETS-&g... 查看详情
uniapp接入android原生插件(代码片段)
...-keystoretest.keystore你会得到一串SHA1和test.keystore配置文件在Uniapp官网申请账号,并申请APPID你需要在uniapp官网中生成appandroidstudio配置项keyalias为你查出来的别名,storeFile,为你的命名文件keyPasswordstorePassword为你生成的keystore时用到的密... 查看详情
uniapp使用本地原生插件及本地真机调试(代码片段)
1、项目根目录下创建目录nativeplugins2、插件放入nativeplugins目录下，如下截图3、manifest.json文件打开，选择App原生插件配置菜单，选择本地原生插件4、插件中有用到权限的，需要在manifest.json文件，App权限配置菜... 查看详情
uniapp原生插件-yl视频播放器(代码片段)
YL视频播放器uniapp插件市场地址：https://ext.dcloud.net.cn/plugin?id=9569简介YL视频播放器是一款适用于安卓端的高性能原生插件（ios暂不支持），支持3核心切换（exo，ijk，安卓原生），支持点播录... 查看详情
如何破解uniapp写的应用
最近uniapp开发移动app项目遇到一个棘手问题，我想实现TCPScoket通信。我们知道uniapp开发基本用的是一些前端框架（如：vue,mpvue等）和一些uni自身api。要想uniapp使用Android原生代码有以下三种常用方法：一：使用plus.android.importClass()... 查看详情
原生微信小程序转化uniapp项目的神操作
前言可能有些朋友只知道能将uniapp编译成微信小程序，但是没想到原生微信小程序也能编译成uniapp项目，这里推荐一款【miniprogram-to-uniapp】小程序转换工具插件原理核心是使用Babel获取AST（词法分析)，然后或使用Babel自带函数增... 查看详情