二维码扫描,已经成为当下一款应用不可或缺,同时也是用户习以为常的功能了。uni-app 为我们提供了扫码 API ,直接调用即可。
需求场景
在实际开发中,平台提供的默认扫码界面,并不能满足一些自定义的需求。例如:
- 非全屏显示
- 扫码界面文字国际化
- 扫码框的颜色调整
微信小程序等小程序平台,可以通过 <camera>
组件来实现部分自定义的需求。App 平台需要通过本地 HTML 来实现,即本文要分享的内容。
Tips:这里的 App 特指 Android(.apk)、iOS(.ipa) 移动应用,非泛指所有应用。
实现思路
在 App 上实现自定义扫码界面,有以下几个关键点的支持:
- uni-app 在 App 平台支持 HTML5+ 规范的调用,这是核心依赖。
<web-view>
组件在 App 平台支持加载本地 HTML,这为自定义的 HTML 文件提供了规范目录存放。
大致的思路如下&#x