反应本地

仪表板知识库反应本地

在您的应用中集成CMBSDK React-Native模块

通过npm下载插件

$ NPM install cmbsdk-react-native——save

主要是自动安装

$ React-Native Link CMBSDK-React-Native

通过添加以下内容导入react本机应用程序中的组件

JavaScript

从'cmbsdk-react-native'中导入{CMBReader, cmb};

控件可以访问所有的API方法CMB.常量，所有枚举和常量都可以在CMBReader类中使用。

在继续之前，请从下载部分下载cmbSDK React本机zip文件，并参阅API参考。

下载页面：https://cmbdn.cognex.com/download.

API参考:https://cmbdn.cognex.com/knowledge/react-nat/rct-api-metho

集成CMBSDK IOS React-Native模块

确保您已从我们的下载页面下载了cmbSDK React Native zip存档。从下载的zip文件中，打开iOS目录。

1.如果你正在使用移动设备内置的摄像头，对“MWBScannerImages”做同样的操作。xcassets”文件位于iOS/Resources目录。必威随行版官网

2.在您的项目中，您需要添加密钥，具体取决于您正在使用的readerDevice类型。

如果您正在使用设备摄像头进行扫描，请添加“nsCamerauseComiption”键，并说明您的应用程序将如何使用摄像头（例如：扫描条形码）。
如果你使用的是MX-1xxx设备，你需要添加一个“支持的外部附件协议”数组，条目为“com.cognex.dmcc”。您还需要遵循这一点指南在发布你的MX-1xxx应用程序到应用程序商店之前。这只在MX移动终端扫描时需要。

就是这样。你应该能够在cmbSDK react-native模块工作的情况下运行你的应用程序。

集成cmbSDK Android React-Native模块

确保您已从我们的下载页面下载了cmbSDK React Native zip存档。从下载的zip文件中，打开Android/cmbsdk Android二进制目录。

1.打开yourRNApp / android / app /目录中，创建一个名为“libs”的新文件夹（如果还没有），然后打开它。将文件“cmbsdklib release.aar”放在libs文件夹中。此aar可在下载的zip文件的“Android/cmbsdk Android binary”中找到

2.打开应用程序构建。它坐落在yourrnapp / android / app然后加上这几行:

-在依赖项上面添加这个:

存储库{flatDir{dirs'libs'}

3.构建开放。它坐落在yourRNApp/android并将minSdkVersion改为19或更高

就是这样。你应该能够在cmbSDK react-native模块工作的情况下运行你的应用程序。

API方法

loadscanner（）

要让扫描器启动并运行，首先要做的就是调用loadscanner（）方法。它需要一个CMBReader。DEVICE_TYPE参数。此方法不连接阅读器设备。我们需要打电话连接（）在回调中连接Reader设备

cmb.loadScanner(cmbread . device_type . mxreader).then((response) => {cmb.getAvailability().then((response) => {if (response == cmbread . availability . available) {connectReader();}}).catch((rejecter) => {});

连接（）

/* @return (promise) {status: boolean，如果连接成功，则为true如果不是false err: string，如果状态为false err将不为null} */

Connect（）方法的结果作为承诺返回，它将包含连接尝试的结果：

cmb.connect().then((connectMethodResult) =>{//在连接建立后做一些事情configureReader();}).catch((失败)=> {console.log("CMB - connectReader失败:"+JSON.stringify(失败))});

ReaderDevice的连接状态有一个事件侦听器，即cmbreader.Event.ConnectionStateChanged.事件下面更详细地解释。

断开()

/ * @return（承诺）{status：boolean，如果disconnect成功了，如果不是false err：string，如果status false err为null} * /

正如有连接（），有一个断开()与之相反的方法连接（）：

cmb.disconnect ();

同样到连接（），断开()也会触发cmbreader.Event.ConnectionStateChanged.事件。

startScanning ()

/ * @return承诺（bool）扫描仪活动的值（如果命令成功，则为true，否则否则：如果读取器没有初始化）* /

要启动/停止扫描过程，我们使用这些方法。它们返回一个承诺，如果命令成功（扫描已启动或停止）或否则拒绝

启动扫描仪并扫描条形码后，扫描结果触发CMBReader.EVENT.ReadResultReceived事件。

setSymbologyEnabled（）

一旦与读者连接，我们就可以通过调用来启用符号setSymbologyEnabled（）．它预计三个参数：一个CMBreader.Symbology，它是要启用或禁用的符号系统，用于开/关的布尔值，以及用于处理命令结果的CommandID的字符串。

cmb.setSymbology (CMBReader.SYMBOLOGY。QR,真的,CMBReader.SYMBOLOGY_NAME.QR);

此方法触发CMBReader.EVENT.CommandCompleted事件，其结果包含commandID来自第三个参数的字符串，使您知道哪些命令已成功，并且在事件结果中失败了。

IssymbologyEnabled（）

要检查是否启用了符号，我们使用IssymbologyEnabled（）．它需要两个参数：我们正在检查的cmbreader.symbology，以及一个commandID用于标识响应的字符串。结果触发CMBReader.EVENT.CommandCompleted事件，它包含commandID从第二个参数中的字符串，以便您知道哪些命令已成功，并且在事件结果中失败了。

cmb.isSymbologyEnabled（CMBReader.SYMBOLOGY.QR，CMBReader.SYMBOLOGY_NAME.QR）；

setLightsOn ()

/* @return (promise) {status: boolean，如果成功执行了命令err: string，则为true，如果状态为false，则err将不为null} */

如果我们想启用闪光灯，我们可以使用setLightsOn ()．它期望一个布尔值参数并返回一个承诺。

Islialson（）

/*@return（promise）{status:boolean，如果灯亮，则为true，否则为false err:string，如果出现错误（例如读卡器未初始化）}*/

我们可以用isLightsOn()检查灯的状态，它返回一个承诺。

getConnectionState ()

/** @return使用CMBReader解析的承诺。当前读取器设备的CONNECTION_STATE值*/

如果需要获取当前连接状态，getConnectionState ()可以使用

cmbter . getconnectionstate ().then(function(connectionState){if (connectionState == cmbter . connection_state . connected){// reader is connected}});