Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

URL retornada pela api não carrega imagem.

Nessa aula, as fotos não aparecem, embora a url retornada pelo servidor esteja correta. Estou usando a url do heroku

<Text>{this.props.item.urlFoto}</Text>
<Image source={{uri: this.props.item.urlFoto}} style={styles.image}/>

O text acima retorna, por exemplo "https://instagram.fcgh9-1.fna.fbcdn.net/t51.2885-15/e35/15276770_381074615568085_8052939980646907904_n.jpg?ig_cache_key=MTM5ODY4MDMyNjYyMDA1MDE4OQ%3D%3D.2" O que é uma url de imagem válida, entretando no source do Image não funciona.

Alguma ideia do que pode estar acontecendo?

3 respostas
solução!

Fala Diego, tudo bem ?

Fiz um teste aqui e realmente o endereço está respondendo, sendo possível renderizar a imagem.

  render() {
    const width = Dimensions.get('screen').width;
    const fotoUrl = 'https://instagram.fcgh9-1.fna.fbcdn.net/t51.2885-15/e35/15276770_381074615568085_8052939980646907904_n.jpg?ig_cache_key=MTM5ODY4MDMyNjYyMDA1MDE4OQ%3D%3D.2';
    return (
      <View style={styles.container}>
        <Image source={{uri: fotoUrl}} resizeMode="contain" style={{height: width, width: width }}/>
        <Image source={{uri: fotoUrl}} resizeMode="contain" style={{height: width, width: width }}/>
      </View>
    );
  }

App: app_rodando

Tente recarregar sua app e verificar se a imagem está sendo baixada.. Imagino que dê pra verificar na aba Network do Inspector no menu de desenvolvedor disponível na sua app .. Dê uma olhada nisso, se o problema não pode estar ocorrendo apenas na renderização das imagens.

Espero ter ajudado. Abraço!

Descobri que o problema era não ter definido a altura da imagem, uma vez definida a imagem funcionou como deveria

Booa!