How to display https image in react native?

Question

Image tag of react-native is working but image is not showing in the android emulator. Only the card is coming. Screenshot of source code is attached below.

What are you seeing instead to the image? Do you see any errors? How does it look like in iOS? — tomerpacific
– tomerpacific, Commented Sep 12, 2019 at 5:34
Only card is coming. You can see the screenshot on http://develop.fifokart.in/Screen%20Shot%202019-09-12%20at%2011.42.29%20AM.png — Mohit Prakash
– Mohit Prakash, Commented Sep 12, 2019 at 6:15
Did you try to put the image in a separate view, not inside a card? — Mohammed Alawneh
– Mohammed Alawneh, Commented Sep 12, 2019 at 6:17

score 2 · Accepted Answer · 2019-09-12 06:36:07Z

2

Try this, I hope it will help you

import React, { Component } from 'react';
import { Text, View, StyleSheet , Image} from 'react-native';
import { Constants } from 'expo';

export default class App extends Component {
  render() {
  let Image_Http_URL ={ uri: 'https://reactnativecode.com/wp-content/uploads/2017/05/react_thumb_install.png'};

 return (
 <View style={{elevation:10, justifyContent: 'center', flex:1, margin:10}}>
 <Image source={Image_Http_URL} style = {{height: 200, resizeMode : 'stretch', padding:5 }} />
 </View>
 );
  }
}

edited Sep 12, 2019 at 6:36

answered Sep 12, 2019 at 6:29

user9846301

Sign up to request clarification or add additional context in comments.

Comments

Mehran Khan · Accepted Answer · 2019-09-12 07:04:56Z

0

Check 2 things May be it solve issue

1 : Internet permission is added in android/app/src/main/AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" />

2 : Is internet working on simulator? Try to check in browser of simulator.

answered Sep 12, 2019 at 7:04

Mehran Khan

3,6561 gold badge15 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to display https image in react native?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related