New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Image] Example issue: ImageView not loading image #289

Closed
tjwudi opened this Issue Mar 27, 2015 · 43 comments

Comments

Projects
None yet
@tjwudi
Contributor

tjwudi commented Mar 27, 2015

I am playing with the very basic example from Tutorial.

I wrote following code, just exactly what the tutorial did.

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
'use strict';

var React = require('react-native');
var {
  AppRegistry,
  Image,
  StyleSheet,
  Text,
  View,
} = React;

var MOCKED_MOVIES_DATA = [
  {title: 'Title of movie', year: '2015', posters: {thumbnail: 'http://i.imgur.com/UePbdph.jpg'}},
];

var Awesome = React.createClass({
  render: function() {
    var movie = MOCKED_MOVIES_DATA[0];
    return (
      <View style={styles.container}>
        <Text>{movie.title}</Text>
        <Text>{movie.year}</Text>
        <Image source={{uri: movie.posters.thumbnail}} 
          style={styles.thumbnail} />
      </View>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  thumbnail: {
    width: 53,
    height: 81,
  },
});

AppRegistry.registerComponent('Awesome', () => Awesome);

But it turns out that the ImageView did not load the poster correctly. I changed the backgroundColor of Image to red, and I just got a red rectangle without the poster.

I checked the internet connection. I can access the image from Safari Mobile.

And I don't know if there is any way to debug this app so that I can figure out how to resolve this issue.

Any thoughts?

@vjeux

This comment has been minimized.

Show comment
Hide comment
@vjeux

vjeux Mar 27, 2015

Contributor

Sometimes if you lose internet connection and get it back up, the simulator will get stuck with no internet. Can you try to kill the simulator and rebuild?

Contributor

vjeux commented Mar 27, 2015

Sometimes if you lose internet connection and get it back up, the simulator will get stuck with no internet. Can you try to kill the simulator and rebuild?

@tjwudi

This comment has been minimized.

Show comment
Hide comment
@tjwudi

tjwudi Mar 27, 2015

Contributor

@vjeux Thanks. I restarted the simulator, rebuild the app but it does not work :( Any approach I can inspect the internet status?

Contributor

tjwudi commented Mar 27, 2015

@vjeux Thanks. I restarted the simulator, rebuild the app but it does not work :( Any approach I can inspect the internet status?

@ide

This comment has been minimized.

Show comment
Hide comment
@ide

ide Mar 27, 2015

Collaborator

@tjwudi if it is a simulator problem try completely resetting it (as if it were a new iPhone). Reset Content and Settings or something like that I believe.

Collaborator

ide commented Mar 27, 2015

@tjwudi if it is a simulator problem try completely resetting it (as if it were a new iPhone). Reset Content and Settings or something like that I believe.

@tjwudi

This comment has been minimized.

Show comment
Hide comment
@tjwudi

tjwudi Mar 27, 2015

Contributor

@ide Resetting does work, thanks a lot! I wonder how come the issue, though.

Contributor

tjwudi commented Mar 27, 2015

@ide Resetting does work, thanks a lot! I wonder how come the issue, though.

@tjwudi tjwudi closed this Mar 27, 2015

@t4t5

This comment has been minimized.

Show comment
Hide comment
@t4t5

t4t5 Apr 8, 2015

I had the same problem, and was quite confused for many minutes, but solved it by doing "Reset content and settings".
Not sure if this is the Simulator's fault or React's, but it should probably be fixed soon in order not to scare new people away, it is after all the very first tutorial in the official docs. :)

t4t5 commented Apr 8, 2015

I had the same problem, and was quite confused for many minutes, but solved it by doing "Reset content and settings".
Not sure if this is the Simulator's fault or React's, but it should probably be fixed soon in order not to scare new people away, it is after all the very first tutorial in the official docs. :)

@vjeux

This comment has been minimized.

Show comment
Hide comment
@vjeux

vjeux Apr 8, 2015

Contributor

If anyone in this thread has any idea how to solve this problem (not workaround by resetting) that would be awesome

Contributor

vjeux commented Apr 8, 2015

If anyone in this thread has any idea how to solve this problem (not workaround by resetting) that would be awesome

@jaygarcia

This comment has been minimized.

Show comment
Hide comment
@jaygarcia

jaygarcia Apr 8, 2015

Contributor

Can one of the repo owners re-open the issue if it's still an issue? ;)

JG

@moduscreate

:: sent from my mobile device ::

On Apr 8, 2015, at 11:01, Christopher Chedeau notifications@github.com wrote:

If anyone in this thread has any idea how to solve this problem (not workaround by resetting) that would be awesome


Reply to this email directly or view it on GitHub.

Contributor

jaygarcia commented Apr 8, 2015

Can one of the repo owners re-open the issue if it's still an issue? ;)

JG

@moduscreate

:: sent from my mobile device ::

On Apr 8, 2015, at 11:01, Christopher Chedeau notifications@github.com wrote:

If anyone in this thread has any idea how to solve this problem (not workaround by resetting) that would be awesome


Reply to this email directly or view it on GitHub.

@vjeux vjeux reopened this Apr 8, 2015

@SizeSeeker

This comment has been minimized.

Show comment
Hide comment
@SizeSeeker

SizeSeeker Apr 10, 2015

Just experienced the issue. Resetting still works. @t4t5 has a great point about it being a bug in step 2 of the tutorial.

SizeSeeker commented Apr 10, 2015

Just experienced the issue. Resetting still works. @t4t5 has a great point about it being a bug in step 2 of the tutorial.

@ReadingSteiner

This comment has been minimized.

Show comment
Hide comment
@ReadingSteiner

ReadingSteiner Apr 19, 2015

Solved by "Reset content and settings".I was wondering if something wrong with the url.

ReadingSteiner commented Apr 19, 2015

Solved by "Reset content and settings".I was wondering if something wrong with the url.

@drkibitz

This comment has been minimized.

Show comment
Hide comment
@drkibitz

drkibitz Apr 19, 2015

Contributor

Have experienced the same problem on device, but have not looked into it, assumed it might be a problem with caching a failed download.

Contributor

drkibitz commented Apr 19, 2015

Have experienced the same problem on device, but have not looked into it, assumed it might be a problem with caching a failed download.

@paramaggarwal

This comment has been minimized.

Show comment
Hide comment
@paramaggarwal

paramaggarwal Apr 26, 2015

Contributor

I'm probably hitting this too. Both in simulator and device. I have a ListView of images and the images won't load many times. Doing a complete Reset on the Simulator seems to make it work for a while.

Contributor

paramaggarwal commented Apr 26, 2015

I'm probably hitting this too. Both in simulator and device. I have a ListView of images and the images won't load many times. Doing a complete Reset on the Simulator seems to make it work for a while.

@mondras

This comment has been minimized.

Show comment
Hide comment
@mondras

mondras May 3, 2015

Same here

mondras commented May 3, 2015

Same here

@asamoon

This comment has been minimized.

Show comment
Hide comment
@asamoon

asamoon May 9, 2015

Same problem on device~

asamoon commented May 9, 2015

Same problem on device~

@amccloud

This comment has been minimized.

Show comment
Hide comment
@amccloud

amccloud May 11, 2015

Same issue. Opening up Charles proxy reveals that no request to the image is being made. Maybe the Image component thinks it has the image cached?

Appending '?t=' + Math.round(new Date().getTime() / 1000) to the uri appears to make the image load but this obviously disables caching.

amccloud commented May 11, 2015

Same issue. Opening up Charles proxy reveals that no request to the image is being made. Maybe the Image component thinks it has the image cached?

Appending '?t=' + Math.round(new Date().getTime() / 1000) to the uri appears to make the image load but this obviously disables caching.

@asamoon

This comment has been minimized.

Show comment
Hide comment
@asamoon

asamoon May 12, 2015

How to check <Image /> was finished loading?

asamoon commented May 12, 2015

How to check <Image /> was finished loading?

@brentvatne brentvatne changed the title from Example issue: ImageView not loading image to [Image] Example issue: ImageView not loading image May 31, 2015

@josebalius

This comment has been minimized.

Show comment
Hide comment
@josebalius

josebalius Jun 30, 2015

I am not sure if this is what I am running into but here is my issue. I have a news feed like list view with images, when i add a new item to the feed and refresh it, a lot of the times the new feed item will show with the old image. So I wrapped and took over shouldComponentUpdate, I have something like this

componentWillReceiveProps(nextProps) {
        let image = (nextProps.image !== this.state.image) ? `${nextProps.picture}?t=${new Date().getTime()}` : nextProps.picture;

        this.setState({image: image});
    }

    shouldComponentUpdate(nextProps) {
        return (nextProps.picture !== this.props.picture);
    }

This fixes this problem for me on the simulator only, for some reason the device just doesn't update the image at all. Is this similar or should I create a new issue?

josebalius commented Jun 30, 2015

I am not sure if this is what I am running into but here is my issue. I have a news feed like list view with images, when i add a new item to the feed and refresh it, a lot of the times the new feed item will show with the old image. So I wrapped and took over shouldComponentUpdate, I have something like this

componentWillReceiveProps(nextProps) {
        let image = (nextProps.image !== this.state.image) ? `${nextProps.picture}?t=${new Date().getTime()}` : nextProps.picture;

        this.setState({image: image});
    }

    shouldComponentUpdate(nextProps) {
        return (nextProps.picture !== this.props.picture);
    }

This fixes this problem for me on the simulator only, for some reason the device just doesn't update the image at all. Is this similar or should I create a new issue?

@MossP

This comment has been minimized.

Show comment
Hide comment
@MossP

MossP Jul 20, 2015

Just tidying up old issues. Any update on this @nicklockwood?

MossP commented Jul 20, 2015

Just tidying up old issues. Any update on this @nicklockwood?

@nicklockwood

This comment has been minimized.

Show comment
Hide comment
@nicklockwood

nicklockwood Jul 20, 2015

Contributor

Not sure. The imageview component has been rewritten since this was raised, but I don't know if this specific issue has been fixed.

Contributor

nicklockwood commented Jul 20, 2015

Not sure. The imageview component has been rewritten since this was raised, but I don't know if this specific issue has been fixed.

@MossP

This comment has been minimized.

Show comment
Hide comment
@MossP

MossP Jul 20, 2015

Thanks @nicklockwood. Is this still an issue @tjwudi?

MossP commented Jul 20, 2015

Thanks @nicklockwood. Is this still an issue @tjwudi?

@f15gdsy

This comment has been minimized.

Show comment
Hide comment
@f15gdsy

f15gdsy Aug 31, 2015

In my case, the image does not show even resetting the simulator but just leave a background color.
I'm using react-native 10.0

----- Update! -----
OK, it's my own fault. When I looked at my code after a week or so, I found I had a typo. I wrote the prop 'source' of Image as 'srouce'.
It works perfectly when I corrected it.
Sorry for any convenience!

f15gdsy commented Aug 31, 2015

In my case, the image does not show even resetting the simulator but just leave a background color.
I'm using react-native 10.0

----- Update! -----
OK, it's my own fault. When I looked at my code after a week or so, I found I had a typo. I wrote the prop 'source' of Image as 'srouce'.
It works perfectly when I corrected it.
Sorry for any convenience!

@brentvatne brentvatne closed this Sep 10, 2015

@kevinzzz007

This comment has been minimized.

Show comment
Hide comment
@kevinzzz007

kevinzzz007 Sep 20, 2015

I had this issue, and all that I needed to do was delete the old styles declaration, maybe in the tutorial we could say something like "replace the old style declaration with the new one" so that users know that a replacement is needed rather than just adding a block of code

kevinzzz007 commented Sep 20, 2015

I had this issue, and all that I needed to do was delete the old styles declaration, maybe in the tutorial we could say something like "replace the old style declaration with the new one" so that users know that a replacement is needed rather than just adding a block of code

@baumant

This comment has been minimized.

Show comment
Hide comment
@baumant

baumant Dec 18, 2015

I had this issue, and it was only resolved by replacing

source={{uri: movie.posters.thumbnail}}

with

source={{uri: 'http://i.imgur.com/UePbdph.jpg'}}

baumant commented Dec 18, 2015

I had this issue, and it was only resolved by replacing

source={{uri: movie.posters.thumbnail}}

with

source={{uri: 'http://i.imgur.com/UePbdph.jpg'}}
@ling-wong

This comment has been minimized.

Show comment
Hide comment
@ling-wong

ling-wong Dec 21, 2015

Had this issue as well. After that I realized that my images were too huge for the screen (some 500KB each). After reducing the size (to about 1/10th of it), it worked fine.

ling-wong commented Dec 21, 2015

Had this issue as well. After that I realized that my images were too huge for the screen (some 500KB each). After reducing the size (to about 1/10th of it), it worked fine.

@kurtharriger

This comment has been minimized.

Show comment
Hide comment
@kurtharriger

kurtharriger Apr 5, 2016

I just ran into something similar. I just tried to copy and paste from the first example here:
https://facebook.github.io/react-native/docs/image.html#image

I just started a new project and assumed I didn't have the local file so I deleted the first image and kept only the second image that loads the facebook react logo from uri. This didn't work and ended up here. I tried the reset content and settings but this still did not work.

After playing around a bit more I discovered this bit of documentation https://facebook.github.io/react-native/docs/images.html#network-images that states that network images must specify size. Copying the example from this section does work.

No idea if it would have been necessary for me to Reset Content and Settings, but there does seem to be some non-working example code.

I would submit a pull request but at the moment github is giving me a 405 error when I attempt to fork the project so I figured I would post the info here for now.

kurtharriger commented Apr 5, 2016

I just ran into something similar. I just tried to copy and paste from the first example here:
https://facebook.github.io/react-native/docs/image.html#image

I just started a new project and assumed I didn't have the local file so I deleted the first image and kept only the second image that loads the facebook react logo from uri. This didn't work and ended up here. I tried the reset content and settings but this still did not work.

After playing around a bit more I discovered this bit of documentation https://facebook.github.io/react-native/docs/images.html#network-images that states that network images must specify size. Copying the example from this section does work.

No idea if it would have been necessary for me to Reset Content and Settings, but there does seem to be some non-working example code.

I would submit a pull request but at the moment github is giving me a 405 error when I attempt to fork the project so I figured I would post the info here for now.

rozele added a commit to rozele/react-native that referenced this issue Apr 11, 2016

fix(Text): Use virtual nodes for text spans in Windows
Windows was not using virtual nodes for internal spans, causing problems with when things were marked as dirty. Adds platform specific handling to Text.js and deletes hacks to avoid the crashing bug for dirty layouts.

Fixes #289

rozele added a commit to rozele/react-native that referenced this issue Apr 21, 2016

fix(Text): Use virtual nodes for text spans in Windows
Windows was not using virtual nodes for internal spans, causing problems with when things were marked as dirty. Adds platform specific handling to Text.js and deletes hacks to avoid the crashing bug for dirty layouts.

Fixes #289

rozele added a commit to rozele/react-native that referenced this issue May 17, 2016

fix(Text): Use virtual nodes for text spans in Windows
Windows was not using virtual nodes for internal spans, causing problems with when things were marked as dirty. Adds platform specific handling to Text.js and deletes hacks to avoid the crashing bug for dirty layouts.

Fixes #289

rozele added a commit to rozele/react-native that referenced this issue May 25, 2016

fix(Text): Use virtual nodes for text spans in Windows
Windows was not using virtual nodes for internal spans, causing problems with when things were marked as dirty. Adds platform specific handling to Text.js and deletes hacks to avoid the crashing bug for dirty layouts.

Fixes #289

rozele added a commit to rozele/react-native that referenced this issue May 25, 2016

fix(Text): Use virtual nodes for text spans in Windows
Windows was not using virtual nodes for internal spans, causing problems with when things were marked as dirty. Adds platform specific handling to Text.js and deletes hacks to avoid the crashing bug for dirty layouts.

Fixes #289

rozele added a commit to rozele/react-native that referenced this issue May 25, 2016

fix(Text): Use virtual nodes for text spans in Windows
Windows was not using virtual nodes for internal spans, causing problems with when things were marked as dirty. Adds platform specific handling to Text.js and deletes hacks to avoid the crashing bug for dirty layouts.

Fixes #289

rozele added a commit to rozele/react-native that referenced this issue May 25, 2016

fix(Text): Use virtual nodes for text spans in Windows
Windows was not using virtual nodes for internal spans, causing problems with when things were marked as dirty. Adds platform specific handling to Text.js and deletes hacks to avoid the crashing bug for dirty layouts.

Fixes #289
@hectoroso

This comment has been minimized.

Show comment
Hide comment
@hectoroso

hectoroso Jun 23, 2016

I'm having this issue. I copied the Final Source Code from the bottom of the Movie Fetcher sample app (https://facebook.github.io/react-native/docs/sample-application-movies.html) and ran it in the iPhone simulator. The list looks fine, but no images. I've tried both via xcode and the command line. Tried Reset Content and Settings, but no luck.

The image is at line 74,

<Image
  source={{uri: movie.posters.thumbnail}}
  style={styles.thumbnail}
/>

When I replace movie.posters.thumbnail with 'https://facebook.github.io/react/img/logo_og.png', the image displays. However, I tried other hard-coded images, but those didn't work either.

> react-native --version
react-native-cli: 1.0.0
react-native: 0.28.0

hectoroso commented Jun 23, 2016

I'm having this issue. I copied the Final Source Code from the bottom of the Movie Fetcher sample app (https://facebook.github.io/react-native/docs/sample-application-movies.html) and ran it in the iPhone simulator. The list looks fine, but no images. I've tried both via xcode and the command line. Tried Reset Content and Settings, but no luck.

The image is at line 74,

<Image
  source={{uri: movie.posters.thumbnail}}
  style={styles.thumbnail}
/>

When I replace movie.posters.thumbnail with 'https://facebook.github.io/react/img/logo_og.png', the image displays. However, I tried other hard-coded images, but those didn't work either.

> react-native --version
react-native-cli: 1.0.0
react-native: 0.28.0
@abdulsattar

This comment has been minimized.

Show comment
Hide comment
@abdulsattar

abdulsattar Jun 24, 2016

Changing the URL to HTTPS fixed it for me (and many others). https://i.imgur.com/UePbdph.jpg

abdulsattar commented Jun 24, 2016

Changing the URL to HTTPS fixed it for me (and many others). https://i.imgur.com/UePbdph.jpg

@hnaoto

This comment has been minimized.

Show comment
Hide comment
@hnaoto

hnaoto Jun 24, 2016

modify Info.plist works for me
Reference: #1563 (comment)

hnaoto commented Jun 24, 2016

modify Info.plist works for me
Reference: #1563 (comment)

@hectoroso

This comment has been minimized.

Show comment
Hide comment
@hectoroso

hectoroso Jun 24, 2016

Both solutions, modify info.plist or changing url to https, resolved the issue for me.
Thanks for the quick response!

hectoroso commented Jun 24, 2016

Both solutions, modify info.plist or changing url to https, resolved the issue for me.
Thanks for the quick response!

@nikhil38

This comment has been minimized.

Show comment
Hide comment
@nikhil38

nikhil38 Jun 29, 2016

Here's one which worked for me 👍 changed the image source uri protocol to HTTPS from HTTP and bingo!
var App = React.createClass({
render: function() {
var movie = MOCKED_MOVIES_DATA[0];
return (

<Image source={{uri: 'https://i.imgur.com/UePbdph.jpg'}}
style={ {width:50 ,height:50} } />

);
}
});

nikhil38 commented Jun 29, 2016

Here's one which worked for me 👍 changed the image source uri protocol to HTTPS from HTTP and bingo!
var App = React.createClass({
render: function() {
var movie = MOCKED_MOVIES_DATA[0];
return (

<Image source={{uri: 'https://i.imgur.com/UePbdph.jpg'}}
style={ {width:50 ,height:50} } />

);
}
});

@flysofast

This comment has been minimized.

Show comment
Hide comment
@flysofast

flysofast Jul 2, 2016

I had same issue. I doubt that it is the new iOS HTTPS thing is the problem.
I tried to change the App Transport Security Settings to Allow Arbitrary Loads to YES and it worked as expected!

flysofast commented Jul 2, 2016

I had same issue. I doubt that it is the new iOS HTTPS thing is the problem.
I tried to change the App Transport Security Settings to Allow Arbitrary Loads to YES and it worked as expected!

@cpenarrieta

This comment has been minimized.

Show comment
Hide comment
@cpenarrieta

cpenarrieta Jul 4, 2016

changing image url to https solves the issue. Also, if you follow up with the rest of the tutorial and fetch the data from the API you will have the same problem too. One way to solve this is to use lodash and replace http with https, like this:
source={{uri: _.replace(movie.posters.thumbnail, 'http://', 'https://')}}

cpenarrieta commented Jul 4, 2016

changing image url to https solves the issue. Also, if you follow up with the rest of the tutorial and fetch the data from the API you will have the same problem too. One way to solve this is to use lodash and replace http with https, like this:
source={{uri: _.replace(movie.posters.thumbnail, 'http://', 'https://')}}

@ArthurClemens

This comment has been minimized.

Show comment
Hide comment
@ArthurClemens

ArthurClemens Jul 5, 2016

No need to use underscore: source={{uri: movie.posters.thumbnail.replace('http://', 'https://')}}

ArthurClemens commented Jul 5, 2016

No need to use underscore: source={{uri: movie.posters.thumbnail.replace('http://', 'https://')}}

@fernando-sendMail

This comment has been minimized.

Show comment
Hide comment
@fernando-sendMail

fernando-sendMail Jul 14, 2016

I'm running into the same issue, if you fetch the image from a website that uses HTTP it fails to fetch the image but once you change it to HTTPS it loads correctly.

fernando-sendMail commented Jul 14, 2016

I'm running into the same issue, if you fetch the image from a website that uses HTTP it fails to fetch the image but once you change it to HTTPS it loads correctly.

@CassieLuoli

This comment has been minimized.

Show comment
Hide comment
@CassieLuoli

CassieLuoli Jul 14, 2016

Have you tried enable Allow Arbitrary Loads when using HTTP? Hope it will work for you.
info.plist -> App Transport Security Settings -> Allow Arbitrary Loads TRUE

CassieLuoli commented Jul 14, 2016

Have you tried enable Allow Arbitrary Loads when using HTTP? Hope it will work for you.
info.plist -> App Transport Security Settings -> Allow Arbitrary Loads TRUE

@ArthurClemens

This comment has been minimized.

Show comment
Hide comment
@ArthurClemens

ArthurClemens Jul 14, 2016

That would work temporarily during development - I don't want that setting in a testing/production app.

ArthurClemens commented Jul 14, 2016

That would work temporarily during development - I don't want that setting in a testing/production app.

chaintng added a commit to chaintng/react-native that referenced this issue Aug 6, 2016

@waleedarshad-vf

This comment has been minimized.

Show comment
Hide comment
@waleedarshad-vf

waleedarshad-vf Aug 10, 2016

I am having the same problem in android. any workaround for android?

waleedarshad-vf commented Aug 10, 2016

I am having the same problem in android. any workaround for android?

@waleedarshad-vf

This comment has been minimized.

Show comment
Hide comment
@waleedarshad-vf

waleedarshad-vf Aug 10, 2016

I have Horizontal ScrollView inside ListView. and some of images are loading and some are not.

waleedarshad-vf commented Aug 10, 2016

I have Horizontal ScrollView inside ListView. and some of images are loading and some are not.

@waleedarshad-vf

This comment has been minimized.

Show comment
Hide comment
@waleedarshad-vf

waleedarshad-vf Aug 10, 2016

Changing HTTP to HTTPS does not work for me

waleedarshad-vf commented Aug 10, 2016

Changing HTTP to HTTPS does not work for me

@fernando-sendMail

This comment has been minimized.

Show comment
Hide comment
@fernando-sendMail

fernando-sendMail Aug 11, 2016

@waleedarshad-vf Try to change you Info.plist file just like @CassieLuoli said, however keep in mind that this is not an optimal solution for production.
If you want this done the proper way you should check this article

fernando-sendMail commented Aug 11, 2016

@waleedarshad-vf Try to change you Info.plist file just like @CassieLuoli said, however keep in mind that this is not an optimal solution for production.
If you want this done the proper way you should check this article

@waleedarshad-vf

This comment has been minimized.

Show comment
Hide comment
@waleedarshad-vf

waleedarshad-vf Aug 11, 2016

@fernando-sendMail I am on android and i don't have Info.plist in android but androidManifest.xml and it has permission already about netWork.

waleedarshad-vf commented Aug 11, 2016

@fernando-sendMail I am on android and i don't have Info.plist in android but androidManifest.xml and it has permission already about netWork.

@joint-song

This comment has been minimized.

Show comment
Hide comment
@joint-song

joint-song Oct 31, 2016

All of my images loaded from remote are through https protocol. But some images did not load successfully, and this situation just occured on devices with model iPhone 5(may or below, I'm not able to test with iPhone 4/4s) rather than simulators. I found that all images loaded failed are jpg format.
React Native version: 0.35
Device: iOS 10.1 iPhone 5

I tried loading these images with native Objective-C code by SDWebImage(a native framework for loading local/web image), these images loaded successfully. It maybe a bug of React Native?

One of these images can not load url: https://cdn.applysquare.net/storage/tmp/qa/thread/DmMz5AkpU.jpg

joint-song commented Oct 31, 2016

All of my images loaded from remote are through https protocol. But some images did not load successfully, and this situation just occured on devices with model iPhone 5(may or below, I'm not able to test with iPhone 4/4s) rather than simulators. I found that all images loaded failed are jpg format.
React Native version: 0.35
Device: iOS 10.1 iPhone 5

I tried loading these images with native Objective-C code by SDWebImage(a native framework for loading local/web image), these images loaded successfully. It maybe a bug of React Native?

One of these images can not load url: https://cdn.applysquare.net/storage/tmp/qa/thread/DmMz5AkpU.jpg

@GingerBear

This comment has been minimized.

Show comment
Hide comment
@GingerBear

GingerBear Aug 25, 2017

Contributor

I had the same issue using https uri, and specified image size on Android. It's fixed by restart the Android emulator.

Contributor

GingerBear commented Aug 25, 2017

I had the same issue using https uri, and specified image size on Android. It's fixed by restart the Android emulator.

@mopilo

This comment has been minimized.

Show comment
Hide comment
@mopilo

mopilo Jul 12, 2018

any fix for this issue on android?

mopilo commented Jul 12, 2018

any fix for this issue on android?

@facebook facebook locked as resolved and limited conversation to collaborators Jul 23, 2018

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.