From dee4ea8ea348937340fc5d5f005c2cfc042d3452 Mon Sep 17 00:00:00 2001 From: Ryan Anderson Date: Tue, 22 Sep 2015 10:00:19 -0700 Subject: [PATCH] Add note about PNG files to Image static resources --- docs/Image.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/Image.md b/docs/Image.md index 86101eb33..6d438e81b 100644 --- a/docs/Image.md +++ b/docs/Image.md @@ -27,6 +27,10 @@ When your entire codebase respects this convention, you're able to do interestin *This process is currently being improved, a much better workflow will be available shortly.* +> **NOTE**: PNG images are required when loading with `require('image!my-icon')` +> +> At this time, only PNG images are supported in iOS. There is an [issue](https://github.com/facebook/react-native/issues/646) that is currently addressing this bug. In the meantime a quick fix is to rename your files to image.png or to use the `isStatic` flag like: `source={{ uri: 'image', isStatic: true }}`. + ### Adding Static Resources to your Android app Add your images as [bitmap drawables](http://developer.android.com/guide/topics/resources/drawable-resource.html#Bitmap) to the android project (`/android/app/src/main/res`). To provide different resolutions of your assets, check out [using configuration qualifiers](http://developer.android.com/guide/practices/screens_support.html#qualifiers). Normally, you will want to put your assets in the following directories (create them under `res` if they don't exist):