当我在调试模式下运行时,我的应用程序会显示图像。但是当我释放图像时,就会消失。
我从api获取网址图片。这个API给我的回报是:
[{“ IdDesconto”:“ 3”,“ IdStatus”:“ 16”,“ imagemProduto”:“ http://app.vaideoculos.com.br/promocao/Cupom_VDO_02.png”,“ tituloDesconto”:“ Pegue seu desconto de 50%的权限,aproveite!“,” codigoDesconto“:” UE77UE“,” descricaoDesconto“:” Este Oculos \ uMaro VDO,marca da loja propria!“,” descricaoValidade“: “ Este cupom \ u00e9 Valido em todas作为lojas。”,“ dataInicial”:“ 2019-05-01 10:00:00”,“ dataFinal”:“ 2019-06-25 10:00:00”,“ dataCriada” :“” 2019-05-01 09:09:09“},{” IdDesconto“:” 1“,” IdStatus“:” 16“,” imagemProduto“:” http://app.vaideoculos.com.br/promocao /cupom1.png”,“tituloDesconto”:“Pegue seu desconto em oculos雷-优惠券的20%de desconto”,“ codigoDesconto”:“ RD5BUE”,“ descricaoDesconto”:“ Este oculos \ u00e9 um rayban solar tamanho 52 jovens e等...“,” descricaoValidade“:” Este cupom \ u00e9 valido somente na loja do butanta zona sul e para o oculos justin de tamanho 52。“,” dataInicial“:” 2019-05-01 10:00: 00“,” dataFinal“:” 2019-07-10 10:00:00“,” dataCriada“:” 2019-0 5-01 09:09:09“}]
for (let i = 0; i < Object.keys(this.state.descontos).length; i++) {
render.push(
<View style={{flex:1,backgroundColor:'#fff',borderRadius:15,marginVertical:50,justifyContent:'space-between',alignItems:'center'}}>
<View style = {{margin:20,height:'50%',width:'90%'}}>
<Image
style={{resizeMode:'contain',flex:1,height:300,width:300,alignSelf:"center"}}
source={{uri:this.state.descontos[i].imagemProduto}}
/>
</View>
<View style={{alignItems:'center',width:'90%'}}>
<Text style={{fontSize:17,color:"#000",textAlign:'center',marginBottom:10}}>{this.state.descontos[i].tituloDesconto}</Text>
<Text style={{fontSize:12,textAlign:'center'}}>{this.state.descontos[i].descricaoDesconto}</Text>
</View>
<TouchableHighlight
style={[styles.buttonContainer, styles.loginButton]}
onPress={() =>
{
if(this.state.loged != null && this.state.loged != "")
Alert.alert("Ver código",this.state.descontos[i].codigoDesconto)
else
{
Alert.alert(
'Para adquirir o desconto você precisa estar logado',
'Deseja logar agora?',
[
{
text: 'Não',
style: 'cancel',
},
{text: 'Sim', onPress: () => this.props.navigation.navigate('Login')},
],
{cancelable: false},
);
}
}
}
>
<Text style={{color:'#fff'}}>Ver Código</Text>
</TouchableHighlight>
</View>
)}
答案 0 :(得分:1)
问题是图片网址是使用http协议的,并且它看起来必须是https