uni-app 自定义扫码界面

二维码扫描，已经成为当下一款应用不可或缺，同时也是用户习以为常的功能了。uni-app 为我们提供了扫码 API ，直接调用即可。

需求场景

在实际开发中，平台提供的默认扫码界面，并不能满足一些自定义的需求。例如：

• 非全屏显示
• 扫码界面文字国际化
• 扫码框的颜色调整

微信小程序等小程序平台，可以通过 <camera> 组件来实现部分自定义的需求。App 平台需要通过本地 HTML 来实现，即本文要分享的内容。

Tips：这里的 App 特指 Android(.apk)、iOS(.ipa) 移动应用，非泛指所有应用。

实现思路

在 App 上实现自定义扫码界面，有以下几个关键点的支持：

• uni-app 在 App 平台支持 HTML5+ 规范的调用，这是核心依赖。
• <web-view> 组件在 App 平台支持加载本地 HTML，这为自定义的 HTML 文件提供了规范目录存放。

大致的思路如下&#x