如何在React Native中将图像放在其他图像的顶部？

我将一个Image放置为根节点，以使其成为我的View的背景。 但似乎所有其他图像变得不可见……是否可以使用内置组件将图像置于背景之上，而无需任何插件？
在以下代码示例中， landing-background用作背景，我的logo图像是可见的，但仅在背景被删除时才可见。
Text显示在背景之上，没有任何顾虑……

     It should appear in front of the Background Image     var styles = StyleSheet.create({ container: { flex: 1, alignItems: 'center', }, overlay: { opacity: 0.5, backgroundColor: '#000000' }, logo: { backgroundColor: 'rgba(0,0,0,0)', width: 160, height: 52 }, backdrop: { flex:1, flexDirection: 'column' }, headline: { fontSize: 18, textAlign: 'center', backgroundColor: 'rgba(0,0,0,0)', color: 'white' } }); 

Answer 1

而不是将您的内容包装在 ，我认为您最好将其包装在一个absolute定位的元素中并使该拉伸覆盖屏幕。

      It should appear in front of the Background Image    var styles = StyleSheet.create({ backgroundContainer: { position: 'absolute', top: 0, bottom: 0, left: 0, right: 0, }, container: { flex: 1, alignItems: 'center', }, overlay: { opacity: 0.5, backgroundColor: '#000000' }, logo: { backgroundColor: 'rgba(0,0,0,0)', width: 160, height: 52 }, backdrop: { flex:1, flexDirection: 'column' }, headline: { fontSize: 18, textAlign: 'center', backgroundColor: 'black', color: 'white' } });