在iOS上会生成并呈现qrcode,但在android上不会出现。
const Interaction = props =>{
return (
<ImageBackground source={bgImage} style={styles.backgroundContainer}>
<View style={styles.container}>
<View style={{flexDirection:'row'}}>
<Image source={logo} style={{left:20,top:10,width:screenWidth*0.40,height:screenHeight*0.045,resizeMode:'stretch'}}/>
<Text style={[styles.textStyle,{fontSize:25,left:screenWidth*0.12,top:screenHeight*0.015}]}>
{props.navigation.state.params.firstname}
</Text>
{
props.navigation.state.params.profileImage == profile ?
<Image source={profile} style={{top:screenHeight*0.008,left:screenWidth*0.18,width:50,height:50}}/>
: <Image source={{uri:props.navigation.state.params.profileImage}} style={{top:screenHeight*0.008,left:screenWidth*0.18,width:50,height:50,borderRadius:50/2}}/>
}
</View>
<View style={{alignItems:'center',marginTop:screenHeight*0.04}}>
<Icons style={{color:'#FDBE31'}} name={'exchange'} size={45}/>
<View style={[styles.lines,{marginTop:screenHeight*0.02}]}></View>
<View style={[styles.lines,{top:screenHeight*0.55}]}></View>
<View style={{height:screenHeight*0.6}}>
<View style={{top:screenHeight*0.15,margin:0}}><QRCode size={screenWidth*0.6} value={props.navigation.state.params.token}/></View>
</View>
</View>
</View>
</ImageBackground>
);
};