React Native 渲染组件边界之外的元素

Question

我想在组件边界之外渲染一个按钮。我怎样才能做到这一点？我的样式如下所示。负位置有效，但按钮被同级组件隐藏。在下图中，蓝色是同级组件。您可以看到位于负数的圆形按钮被同级组件隐藏。为什么？如何让它可见？我尝试了 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'
},

Answer 1

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