如何在React-Native中设置Navigator的背景图片

我在React-Native中使用Navigator组件。

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

现在我需要为所有场景设置背景图像，但是我不能将Navigator组件包装到另一个View中。

 // No errors but background is ignored 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' } }); 

如果我将backgroundColor设置为类NavigatorContainer，我可以看到红色的背景，但它不适用于图像。

有什么build议么？

Answer 1

find解决办法：要显示背景图片，您必须将navigatorContainer的backgroundColor设置为“透明”。