为什么我的图像仅在调试模式下可见

时间:2019-07-10 20:05:06

标签: javascript react-native

当我在调试模式下运行时,我的应用程序会显示图像。但是当我释放图像时,就会消失。

我从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>
  )}

1 个答案:

答案 0 :(得分:1)

问题是图片网址是使用http协议的,并且它看起来必须是https