简介
BarCodeScanner 是 React Native 一个核心组件之一，它可以帮助我们在 React Native 应用中扫描条码并解码。而 react-native-barcodescanner-slim 是 BarCodeScanner 组件的一个轻量级、简单易用且定制性高的 npm 包。
安装
在你的项目目录下执行以下命令来安装 react-native-barcodescanner-slim：
npm install react-native-barcodescanner-slim --save
开始使用
- 在你的项目中导入 react-native-barcodescanner-slim：
import BarCodeScannerSlim from 'react-native-barcodescanner-slim';
- 在
render()方法中加入 BarCodeScannerSlim 组件：
-- -------------------- ---- -------
-------- -
------ -
-------------------
----------------------------------
-----------
------------
-----------------------
---------------------
--
--
-- 为 BarCodeScannerSlim 组件添加一个
onBarCodeRead()方法来处理扫码后的操作：
onBarCodeRead = (e) => {
console.log(e.data);
}参数
onBarCodeRead：当扫描到码时执行的回调函数。width：指定扫描界面的宽度。height：指定扫描界面的高度。cornerBorderColor：指定扫描框的四个角的边框颜色。cornerBorderWidth：指定扫描框的四个角的边框宽度。
示例代码
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----- ---- - ---- ---------------
------ ------------------ ---- -----------------------------------
------ ------- ----- --- ------- --------- -
------------- - --- -- -
--------------------
-
-------- -
------ -
----- -------- ----- -- ----------- --------- --------------- -------- ---
-------------------
----------------------------------
-----------
------------
-----------------------
---------------------
--
-------
--
-
-总结
react-native-barcodescanner-slim 是一个简单易用、定制性高的 npm 包，可以帮助我们快速实现扫码功能。通过学习这个包的使用方法，我们也可以更加深入地了解 BarCodeScanner 组件的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590b81e8991b448d6791