本机渲染组件边界外的元素

时间:2016-08-22 08:53:27

标签: reactjs react-native

我想在组件边界之外渲染一个按钮。我怎样才能做到这一点?我的样式如下所示。负面位置有效但按钮被兄弟组件隐藏。在下图中,蓝色是兄弟成分。您可以看到位于负数的圆形按钮被兄弟组件隐藏。为什么?怎么能让它可见?我尝试了zIndex,但看起来它只能在同一个组件中工作。

如果上述问题不明确,请说A,B,C是三个组成部分。 A是父级,B和C是子组件。我想从B渲染一个按钮,它必须覆盖在B的顶部。我不想从组件A渲染按钮。任何帮助表示赞赏。

enter image description here

Btn: {
position: 'absolute',
zIndex: 1000000,
width: 50,
height: 50,
top: -27,
left: 20,
backgroundColor: 'red'
},

2 个答案:

答案 0 :(得分:0)

渲染按钮的部分,将其放置在渲染函数的最底部,渲染按钮和兄弟姐妹。然后使用绝对定位,它将最后渲染,因此在顶部。在这种情况下,您不需要z-index。我希望我能正确理解你的问题。

答案 1 :(得分:0)

如果它的Android应用在B组件上使用elevation属性而不是z-index