Ios 如何在React Native中设置导航器的背景图像

我正在React Native中使用Navigator组件

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

/。。。
render（）{
返回(
);
}

现在我需要为所有场景设置一个固定的背景图像，但我不能将导航器组件包装到另一个视图中

// 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'
    }
});

//没有错误，但忽略背景
render（）{
返回(
);
}
var styles=StyleSheet.create({
容器：{
弹性：1
},
背景：{
位置：'绝对'，
左:0,，
排名：0，
宽度：1024，
身高：768
},
导航容器：{
弹性：1，
背景颜色：“#FF0000”
}
});

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

---

有什么建议吗？

找到了解决方案：要显示背景图像，必须将navigatorContainer的backgroundColor设置为“透明”。

这仍然有效吗？在视图内部包裹导航器时，不会渲染任何场景