Cómo configurar un background Imagen de Navigator en React-Native

Estoy usando el componente Navigator en React-Native.

//... render() { return ( <Navigator ref="navigator" navigationBar={this.renderHeader()} sceneStyle={styles.container} initialRoute={{type: 'Home'}} renderScene={this.renderScene.bind(this)} /> ); } 

Ahora necesito configurar una image de background fija para todas las escenas, pero no puedo ajustar el componente Navigator dentro de otra Vista.

 // No errors but background is ignonetworking render() { return ( <View style={styles.navigatorContainer}> <Image source={require('image!logo-big')} style={styles.background} /> <Navigator ref="navigator" navigationBar={this.renderHeader()} sceneStyle={styles.container} initialRoute={{type: 'Home'}} renderScene={this.renderScene.bind(this)} /> </View> ); } var styles = StyleSheet.create({ container: { flex: 1 }, background: { position: 'absolute', left: 0, top: 0, width: 1024, height: 768 }, navigatorContainer: { flex: 1, backgroundColor: '#FF0000' } }); 

Si configuro backgroundColor en la class NavigatorContainer, puedo ver el background rojo pero no funciona con la image.

¿Alguna sugerencia?

Encontró la solución: para mostrar la image de background, debe establecer backgroundColor del browser Navigator Container en 'transparente'.