react-native组件(6)--(react-native-qrcode)

字符串生成二维码组件

安装

npm install react-native-qrcode --save

使用

'use strict';
import React, { Component } from 'react'
import QRCode from 'react-native-qrcode';

import {
    AppRegistry,
    StyleSheet,
    View,
    TextInput
} from 'react-native';

class HelloWorld extends Component {
  state = {
    text: 'http://facebook.github.io/react-native/',
  };

  render() {
    return (
      
         this.setState({text: text})}
          value={this.state.text}
        />
        
      
    );
  };
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'white',
        alignItems: 'center',
        justifyContent: 'center'
    },

    input: {
        height: 40,
        borderColor: 'gray',
        borderWidth: 1,
        margin: 10,
        borderRadius: 5,
        padding: 5,
    }
});

AppRegistry.registerComponent('HelloWorld', () => HelloWorld);

module.exports = HelloWorld;

参数

prop	type	default value
value	string	我是要变二维码的字符串
size	number	128
bgColor	string (CSS color)	"#000"
fgColor	string (CSS color)	"#FFF"