@capacitor/barcode-scanner

使用 Outsystems Barcode 库的 Capacitor 插件

安装

npm install @capacitor/barcode-scanner
npx cap sync

Android

条码扫描器插件要求最低 Android SDK 目标为 26。这高于你的 Capacitor 应用的默认值。你可以在 android/variables.gradle 文件中更新此值。

ext {
    minSdkVersion = 26
}

注意：Android 上使用 ZXING 扫描库支持所有格式，而 MLKIT 支持除 MAXICODE、RSS_14、RSS_EXPANDED 和 UPC_EAN_EXTENSION 之外的所有格式——在 hint 中使用这些格式之一将默认扫描任何格式。

iOS

条码扫描器使用设备上的摄像头。请确保在 Info.plist 文件中配置隐私 - 摄像头使用说明，以便你的应用程序可以访问设备摄像头。

注意：iOS 支持除 MAXICODE 和 UPC_EAN_EXTENSION 之外的所有格式——在 hint 中使用它们将默认扫描任何格式。此外，Apple Vision 不区分 UPC_A 和 EAN_13，因此在 hint 中指定其中一个将允许扫描两者。

---

API

• scanBarcode(...)
• Type Aliases
• Enums

定义能够扫描条码的插件合约的接口。 需要实现 scanBarcode 方法，该方法使用给定的选项启动条码扫描。

从 Android targetSdk 36 开始，在 Android 16 及更高版本的大屏幕设备（例如平板电脑）上，scanOrientation 参数无效。 你可以通过在 AndroidManifest.xml 的 <application> 或 <activity> 内部添加 <property android:name="android.window.PROPERTY_COMPAT_ALLOW_RESTRICTED_RESIZABILITY" android:value="true" /> 来选择退出此行为。 但请注意，此选择退出是临时的，在 Android 17 上将不再有效。Android 不鼓励为大屏幕设置特定方向。 普通 Android 手机不受此更改影响。 更多信息请查看 Android 文档 https://developer.android.com/about/versions/16/behavior-changes-16#adaptive-layouts

scanBarcode(...)

scanBarcode(options: CapacitorBarcodeScannerOptions) => Promise<CapacitorBarcodeScannerScanResult>

参数	类型
options	CapacitorBarcodeScannerOptions

返回值：

Promise<CapacitorBarcodeScannerScanResult>

---

类型别名

CapacitorBarcodeScannerScanResult

定义条码扫描返回的结果结构。

{ ScanResult: string; format: CapacitorBarcodeScannerTypeHint; }

CapacitorBarcodeScannerTypeHint

扩展了 Html5Qrcode 支持的格式，并添加了一个特殊的 'ALL' 选项， 表示支持所有条码类型。 类型定义结合了 Html5QrcodeSupportedFormats 和 OSBarcodeTypeHintALLOption， 用于表示要扫描的条码类型的提示。

Html5QrcodeSupportedFormats | CapacitorBarcodeScannerTypeHintALLOption

CapacitorBarcodeScannerOptions

定义配置条码扫描的选项。

{ hint: CapacitorBarcodeScannerTypeHint; scanInstructions?: string; scanButton?: boolean; scanText?: string; cameraDirection?: CapacitorBarcodeScannerCameraDirection; scanOrientation?: CapacitorBarcodeScannerScanOrientation; android?: { scanningLibrary?: CapacitorBarcodeScannerAndroidScanningLibrary; }; web?: { showCameraSelection?: boolean; scannerFPS?: number; }; }

枚举

Html5QrcodeSupportedFormats

成员	值
QR_CODE	0
AZTEC	1
CODABAR	2
CODE_39	3
CODE_93	4
CODE_128	5
DATA_MATRIX	6
MAXICODE	7
ITF	8
EAN_13	9
EAN_8	10
PDF_417	11
RSS_14	12
RSS_EXPANDED	13
UPC_A	14
UPC_E	15
UPC_EAN_EXTENSION	16

CapacitorBarcodeScannerTypeHintALLOption

成员	值
ALL	17

CapacitorBarcodeScannerCameraDirection

成员	值
BACK	1
FRONT	2

CapacitorBarcodeScannerScanOrientation

成员	值
PORTRAIT	1
LANDSCAPE	2
ADAPTIVE	3

CapacitorBarcodeScannerAndroidScanningLibrary

成员	值
ZXING	"zxing"
MLKIT	"mlkit"