Images take place but doesn't appear in react native

Asked Mar 08 '19 at 12:27

Active Mar 08 '19 at 12:27

Viewed 68 times

When I try to add an image to my first react native application it doesn't appear even if it take place.

I did like the documentation said but the problem still exists

here's my code:

<Image source={{uri:'https://facebook.github.io/react/img/logo_og.png'}}
  resizeMode="stretch" style={{
    alignSelf: 'center',
    height: 150,
    width: 150,
    borderWidth: 1,
    borderRadius: 75
  }}/>

I used require for local images and also the same:

<Image source={require('./images/item7.jpg')}
  resizeMode="stretch" style={{
    alignSelf: 'center',
    height: 150,
    width: 150,
    borderWidth: 1,
    borderRadius: 75
  }}/>

asked Mar 08 '19 at 12:27

mohamed saad

Try giving the property of flex: 1 to your style in Image. – Atin Singh Mar 08 '19 at 12:28
The same problem. @Atin Singh – mohamed saad Mar 08 '19 at 12:33
I just tried to reach out the Uri that you mentioned in the source attribute and it says the page doesn't exist. – Atin Singh Mar 08 '19 at 12:37
`https://facebook.github.io/react/img/logo_og.png` is not an image. – Andrew Mar 08 '19 at 12:37
I tried other images and I faced the same problem and in my question I said I tried also the local and nothing changed. – mohamed saad Mar 08 '19 at 12:39

Images take place but doesn't appear in react native

0 Answers0