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):