tbom/examples/src/scancode/index.js

Taobao Open Platform Modules

import {createElement, Component} from 'rax';
import View from 'tboc-view';
import Text from 'tboc-text';
import styles from '../common/style.css';
import { scancode } from '../../../src/index';


class ScancodeDemo extends Component {

  state = {
    code: '',
    errorCode: -1
  }

  openScancode = () => {
    scancode((data) => {
      console.log(data);
      this.setState({
        code: data.code,
        errorCode: data.errorCode
      });
    });
  }

  render() {
    const code = this.state.code;
    return (
      <View style={styles.app}>
        <Text>{code}</Text>
        <View clickable={true}onPress={this.openScancode} style={demoStyles.button}>点击扫码（不支持 Web）</View> 
      </View>
    );
  }
}


const demoStyles = {
  button: {
    borderWidth: 2,
    borderColor: '#CCC',
    borderStyle: 'solid',
    paddingLeft: 20,
    paddingRight: 20,
    marginTop: 40,
    backgroundColor: '#EEE'
  }
}

export default ScancodeDemo;