Taro-扫码

亦凉 2021-08-30 19:49 744阅读 0赞

调用 `Taro.scanCode`

在官网的API中我们可以看到扫码在设备分类里。用法和小程序里的是一样的。支持`Promise`。

import Taro from '@tarojs/taro'
    
    Taro.scanCode(params).then(...)

**参数**

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>默认值</th> 
   <th>必填</th> 
   <th>说明</th> 
   <th>最低版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>onlyFromCamera</td> 
   <td>boolean</td> 
   <td>false</td> 
   <td>否</td> 
   <td>是否只能从相机扫码，不允许从相册选择图片</td> 
   <td>1.2.0</td> 
  </tr> 
  <tr> 
   <td>scanType</td> 
   <td>Array.</td> 
   <td>[‘barCode’,‘qrCode’]</td> 
   <td>否</td> 
   <td>扫码类型</td> 
   <td>1.7.0</td> 
  </tr> 
  <tr> 
   <td>success</td> 
   <td>function</td> 
   <td></td> 
   <td>否</td> 
   <td>接口调用成功的回调函数</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>fail</td> 
   <td>function</td> 
   <td></td> 
   <td>否</td> 
   <td>接口调用失败的回调</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>complete</td> 
   <td>function</td> 
   <td></td> 
   <td>否</td> 
   <td>接口调动结束的回调</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

**object.scanType 的合法值**

<table> 
 <thead> 
  <tr> 
   <th>值</th> 
   <th>说明</th> 
   <th>最低版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>barCode</td> 
   <td>一维码</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>qrCode</td> 
   <td>二维码</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>datamatrix</td> 
   <td>Data Matrix码</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>pdf417</td> 
   <td>PDF417条码</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

#### object.success 回调函数 ####

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>result</td> 
   <td>string</td> 
   <td>扫码内容</td> 
  </tr> 
  <tr> 
   <td>scanType</td> 
   <td>string</td> 
   <td>扫码类型</td> 
  </tr> 
  <tr> 
   <td>charSet</td> 
   <td>string</td> 
   <td>扫码的字符集</td> 
  </tr> 
  <tr> 
   <td>path</td> 
   <td>string</td> 
   <td>当所扫的码为当前小程序二维码时，会返回此字段，内容为二维码携带的 path</td> 
  </tr> 
  <tr> 
   <td>rawData</td> 
   <td>string</td> 
   <td>原始数据，base64编码</td> 
  </tr> 
 </tbody> 
</table>

### 写法 ###

那么在写法上最好统一是箭头函数，在赋值时统一使用解构赋值的写法来进行赋值。目录中统一是文件名下包含`index.jsx`和`index.scss`。只要区别开文件名即可。

class Index extends Components { 
        state = { 
            value: 0
        }
    
    	handleClick = e => { }
        
        render () { 
            const {  value } = this.state
            return (
            	<div onClick={ this.handleCick}>{ value}</div>
            )
        }
    }

公众号：Coder 杂谈，欢迎关注  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]: /images/20210813/9abd198271034b2989c7cc598145ddf0.png