title: React Native Android - Static Resources not Showing
body: <p>I'm just trying to load an image as a static resource. Here is an example that gives me a blank white screen.</p>
  
  <pre><code>/**
   * Sample React Native App
   * https://github.com/facebook/react-native
   */
  
  'use strict';
  
  var React = require('react-native');
  var {
    AppRegistry,
    StyleSheet,
    Text,
    Image,
    View
  } = React;
  
  var impowerz = React.createClass({
    displayName : "Login",
    render: function() {
      return (
       &lt;View style={styles.container}&gt;
        &lt;Image source={require('image!bg-splash')} style={styles.bg} /&gt;
       &lt;/View&gt;
      );
    }
  });
  
  var styles = StyleSheet.create({
    bg : {
      height: 667,
      width: 375
    },
    container: {
      flex: 1,
    },
  });
  
  AppRegistry.registerComponent('impowerz', () =&gt; impowerz);
  </code></pre>
  
  <p>I checked in Chrome Debugger and this is what I got</p>
  
  <p>[![Chrome Debugger sees my static resource][1]][1]</p>
  
  <p><strong>Edit</strong> I wrapped the image tag in a view and added a flex: 1 styles for the container</p>
  
  <p><strong>Update</strong> I tried to console.log() the assetsRoot property in react-native/packager/packager.js and it came back as /impowerz/assets/ which is where my image lives. I made a @2x and @3x as suggested [in this answer][2]</p>
  
  <p>I tried using .jpg instead of .png images and tried replacing require('image!bg_splash') with {uri: 'assets/image/bg_splash.jpg'} (with and without the ext).</p>