How to use

QRCode

in

react-native-qrcode

render() {
    return (
      <View style={styles.container}>
        <TextInput
          style={{height: 40, borderColor: 'gray', borderWidth: 1, width: '80%'}}
          onChangeText={(text) => this.setState({qrCodeText: text})}
          value={this.state.qrCodeText}
          placeholder={"type thing to encode in the QR code"}
        />
        <TouchableOpacity
          style={styles.myButton}
          onPress={() => {this.setState({renderQR:true})}}
          underlayColor='#2F4C67'>
          <Text style={styles.myText}>Generate QR code</Text>
        </TouchableOpacity>

        {this.state.renderQR ?
          <QRCode
            value={this.state.qrCodeText}
            size={200}
            bgColor='purple'
            fgColor='white'/> : null
        }
      </View>
    )
  }

}}>
  <Code>
    <QRCode
      value="Filipe Macêdo"
      size={80}