Reactjs react native-onclick组件不在同级组件之上

我正在尝试进行一个转换，在给定预览缩略图列表的情况下，当我单击其中一个时，它会根据需要缩放到包含所有附加细节的完整屏幕。我遇到的问题是，当我尝试使用属性

位置：“绝对”，top:0，right:0，left:0，zIndex:2

时，出于某种原因，为了将组件的完整视图放置在所有其他同级组件（如模态）的顶部，子组件只能覆盖其子组件作为缩略图覆盖的区域

结构：

-- Parent Component containing FlatList of Child Components
-- -- Child Component 0
-- -- Child Component 1
-- -- Child Component 2
-- -- Child Component 3
-- -- Child Component 4

我们的想法是制作一些类似于iOS应用商店的产品：

这是我需要它如何工作的另一个例子：

这就是它现在的样子：

---

如何才能将父组件的整个区域作为子组件覆盖？

尝试将父组件的样式设置为

absolute

，并在子组件的每个

onclick

事件上切换

z-index

---

希望这能起作用：）

绝对位置在

平面列表中不起作用。您可以将
平面列表
替换为
视图
，并将
位置：绝对
设置为
视图
组件，如下所示：

data.map((item) => 
  <View style={{position: absolute}}>
    <ChildComponent item={item}>
  </View>
);

data.map（（项目）=>
);

现在在您的子组件中，您必须设置每张卡的
top
属性，该属性将是之前所有卡的高度总和。应用的动画将在此之后工作