react native 渲染组件边界外的元素答案

【问题标题】：react native render a element outside the component boundaryreact native 渲染组件边界外的元素
【发布时间】：2016-08-22 08:53:26
【问题描述】：

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

如果上述问题不清楚，假设 A、B、C 是三个组件。 A 是父组件，B 和 C 是子组件。我想从 B 渲染一个按钮，它必须覆盖在 B 之上。我不想从组件 A 渲染按钮。任何帮助表示赞赏。

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

不，在这种情况下，按钮需要是渲染兄弟组件的父组件的部分渲染方法。我希望该按钮成为其中一个兄弟姐妹（父级的子组件）的一部分。 A、B、C 是三个组件。 A 是父组件，B 和 C 是子组件。我想从 B 渲染一个按钮，它必须覆盖在 B 之上。我不想从组件 A 渲染按钮。

【解决方案2】：

如果是 android 应用，在 B 组件上使用 elevation 属性而不是 z-index

【讨论】：