title: Pass props into TabIcon with React Native Router Flux
body: <p>I'm using <code>react-native-router-flux</code> in my app and want to pass in paths to png images for my TabIcon components. I know I could just make a different tab icon component for each tab, but these icons would be exactly the same except for the image source and I want to find a DRY way to accomplish my goal. Where in my scenes can I pass in the image path?</p>
  
  <p>Here is my TabIcon component:</p>
  
  <pre><code>const TabIcon = ({ selected, title, image }) =&gt; {
    const tabStyle = selected ? styles.selected : styles.unselected
    return (
      &lt;View style={tabStyle}&gt;
        &lt;Image
          style={{height: 35, width: 35}}
          source={require(image)}
        /&gt;
      &lt;/View&gt;
    )
  }
  </code></pre>
  
  <p>My scenes:</p>
  
  <pre><code>const Scenes = Actions.create(
    &lt;Scene key='root'&gt;
      &lt;Scene key='tabbar' tabs={true} tabBarStyle={styles.tabBarStyle}&gt;
        &lt;Scene key='tab1' title='Feed' icon={TabIcon}&gt;
          &lt;Scene 
            key='Feed'
            component={Feed}
            title='Feed'
            initial={true}
          /&gt;
        &lt;/Scene&gt;
        &lt;Scene key='tab2' title='Create' icon={TabIcon}&gt;
          &lt;Scene
            key='Create'
            component={Create}
            title='Create'
          /&gt;
        &lt;/Scene&gt;
        &lt;Scene key='tab3' title='Leaderboard' icon={TabIcon}&gt;
          &lt;Scene
            key='leaderboard'
            component={Leaderboard}
            title='Leaderboard' 
          /&gt;
        &lt;/Scene&gt;
      &lt;/Scene&gt;
    &lt;/Scene&gt;
  )
  </code></pre>
  
  <p><strong><em>EDIT</em></strong></p>
  
  <p>I have tried passing in the image like so</p>
  
  <pre><code>const Scenes = Actions.create(
    &lt;Scene key='root'&gt;
      &lt;Scene key='tabbar' tabs={true} tabBarStyle={styles.tabBarStyle}&gt;
                                                      //HERE
        &lt;Scene key='tab1' title='Feed' icon={TabIcon} image={'../images/feed.png'}&gt;
          &lt;Scene 
            key='matchupsFeed'
            component={MatchupsFeed}
            title='Feed'
            initial={true}
          /&gt;
        &lt;/Scene&gt;
  ...
  ...
  ...
  </code></pre>
  
  <p>Within my TabIcon component if I <code>console.log(image)</code> it prints out <code>"../images/feed.png"</code> but I get this error in the simulator:</p>
  
  <pre><code>Unknown named module: '../images/feed.png'
  </code></pre>