title: load image as prop in react-native
body: <p>so I have a customHeader component where I am trying to load images into like so </p>
  
  <p><code>&lt;Image source={props.logoImg} style={styles.icon} /&gt;</code></p>
  
  <p>and on the page I'll pass in the prop like so</p>
  
  <pre><code>&lt;CustomHeader 
       navigation={props.navigation} //call props.navigation in component
       primaryColor={primaryColor}
       coName={coName}
       logoImg={require('../content/...some image...'}
   /&gt; 
  </code></pre>
  
  <p>This way it doesn't throw an error, but it doesn't load. I know it has something to do with passing it as a prop because I can load images straight into the screens. I'm just not sure what I'm doing wrong or what I'm missing here.</p>
  
  <p>I have tried using the require inside of the component, but that throws an error at compile because react-native needs the images to be "required" at compile.</p>