title: How to set a background Image of Navigator in React-Native
body: <p>I'm using Navigator component in React-Native.</p>
  
  <pre><code>//...
  render() {
      return (
          &lt;Navigator
              ref="navigator"
              navigationBar={this.renderHeader()}
              sceneStyle={styles.container}
              initialRoute={{type: 'Home'}}
              renderScene={this.renderScene.bind(this)} /&gt;
      );
  }
  </code></pre>
  
  <p>Now I need to set a background image fixed for all scenes, but I can't wrap Navigator component inside another View.</p>
  
  <pre><code>// No errors but background is ignored
  render() {
      return (
          &lt;View style={styles.navigatorContainer}&gt;
              &lt;Image source={require('image!logo-big')} style={styles.background} /&gt;  
              &lt;Navigator
                  ref="navigator"
                  navigationBar={this.renderHeader()}
                  sceneStyle={styles.container}
                  initialRoute={{type: 'Home'}}
                  renderScene={this.renderScene.bind(this)} /&gt;
          &lt;/View&gt;
      );
  }
  
  var styles = StyleSheet.create({
      container: {
          flex: 1
      },
      background: {
          position: 'absolute',
          left: 0,
          top: 0,
          width: 1024,
          height: 768
      },
      navigatorContainer: {
          flex: 1,
          backgroundColor: '#FF0000'
      }
  });
  </code></pre>
  
  <p>If I set the backgroundColor to class NavigatorContainer, I can see red background but it doesn't work with image.</p>
  
  <p>Any suggestions?</p>