Cannot render an Image component

| -------------------------------------------------------------------------------------------------

Reporting a bug or issue

Expected behavior:

Rendering an Image component should work. Going to post the reproducible test case here to make it clear:

function Document() {
  return (
    <View style={{ width: 500, height: 500, backgroundColor: 'blue' }}>
      <Image
        source={{
          uri: 'http://localhost:8080/svg/image.png',
          width: 500,
          height: 500
        }}
      />
    </View>
  );
}

When I add the Image tag, it breaks. I originally thought it was because I was trying to render an SVG, but I tried it with a PNG too and still the same error.

Observed behavior:

This error happens:

The URL definitely is valid.

How to reproduce:

Run the above code and change the URI to a somewhere that works for you (it’s localhost right now).

Sketch version:

43.2

[jemgold]

Can you try doing npm install react-sketchapp@next? I need to publish a real version soon 🙏

On Oct 12, 2017 9:09 AM, “Mike Austin” [e-mail] wrote:

https://www.npmjs.com/package/react-sketchapp “0.12.1 is the latest of 26 releases”

So you recommend grabbing the latest from GitHub instead of using npm? When do you think there will be another npm release? BTW, this is a great tool and we hope to use it and promote it.

examples/profile-cards/package.json:

“dependencies”: { “react”: “^15.4.2”, “react-sketchapp”: “^0.12.0”, “react-test-renderer”: “^15.4.2” }

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/airbnb/react-sketchapp/issues/101#issuecomment-336186081, or mute the thread https://github.com/notifications/unsubscribe-auth/AAkHGwilrIziqURq39sx-CZPWmw5YSXcks5srjnBgaJpZM4Nd8la .

[mathieudutour]

This is already fixed: https://github.com/airbnb/react-sketchapp/blob/1ebe6936e066539a0cf10d5029b54274978683a6/src/jsonUtils/hacksForJSONImpl.js#L165-L168. Make sure you are using the latest version of react-sketchapp