React Native : Is it possible to have a Navigator inside a View?

Question

Because when I do so, nothing is rendered. The final idea is to have a common background image for the whole app. I tried to wrap Navigator inside Image, same result.

<View style={styles.container}>
  <Image source={pic} style={styles.backgroundImage}></Image>
  <Navigator
    configureScene={this.configureScene}
    style={styles.app}
    initialRoute={{ component: Main }}
    renderScene={this.renderScene}
  />
</View>

Answer 1

Just add flex: 1 to your View's style. Bada bing bada boom.

<View style={{ flex: 1 }}>
   <Navigator
     configureScene={this.configureScene}
     style={styles.app}
     initialRoute={{ component: Main }}
     renderScene={this.renderScene}
   />
 </View>