时间戳

首页 > 解决方案 > 反应原生 - onclick 组件没有出现在兄弟组件之上

reactjs - 反应原生 - onclick 组件没有出现在兄弟组件之上

问题描述

我正在尝试进行过渡，其中给定预览缩略图列表，当我单击一个时，它会根据需要将其缩放到带有所有其他详细信息的完整屏幕。我遇到的问题是，当我尝试使用属性position: 'absolute', 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 应用商店中的工作方式的东西：https ://vimeo.com/272028619

这是另一个说明我需要它如何工作的例子：https ://vimeo.com/272027050

这就是现在的样子：https ://vimeo.com/272027061

我怎么可能将父组件的整个区域作为子组件覆盖？

标签： reactjsreact-native

解决方案

尝试将父组件的样式设置为子组件absolute的每个onclick事件，然后切换z-index.

希望这有效:)

推荐阅读