Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/scala/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 堆叠顺序:如何渲染组件,使其显示在父组件的顶部';兄弟姐妹_React Native_Position_Css Position_Z Index - Fatal编程技术网

React native 堆叠顺序:如何渲染组件,使其显示在父组件的顶部';兄弟姐妹

React native 堆叠顺序:如何渲染组件,使其显示在父组件的顶部';兄弟姐妹,react-native,position,css-position,z-index,React Native,Position,Css Position,Z Index,在设置下拉列表(react native menu)样式时,我对zIndex和position有一些问题。我想使下拉列表在单击时显示在此场景中所有其他组件的顶部。我正在尝试使用zIndex和position,但可能没有正确使用 在我的代码(下面)中,我呈现了一个层次结构,其中卡>卡节>每个卡的各种子组件。下拉列表包括组件MenuContext(配置)和TopNavigation(主下拉列表) 返回( 谭 tam@tam //这是 {props.post.body} ) 因此,下拉列表是第一个卡

在设置下拉列表(react native menu)样式时,我对zIndex和position有一些问题。我想使下拉列表在单击时显示在此场景中所有其他组件的顶部。我正在尝试使用zIndex和position,但可能没有正确使用

在我的代码(下面)中,我呈现了一个层次结构,其中
>
卡节
>每个卡的各种子组件。下拉列表包括组件
MenuContext
(配置)和
TopNavigation
(主下拉列表)

返回(
谭
tam@tam
//这是
{props.post.body}
)
因此,下拉列表是第一个
卡片部分的子项。我让它出现在它自己的父级
CardSection
上,但我不能让它出现在之后渲染的第二个
CardSection
上。所以我不能让它显示在它父母的兄弟姐妹上面

我不愿意使用一些插件或变通方法


有什么想法吗?谢谢

因此,使在z轴上呈现事物上方的弹出菜单变得如此困难的是它的父对象的兄弟。因此,帮助我获得所需结果的是查看更多宏,并将组件层次结构中的
移到更高的位置,从该组件整体移到其父组件中

我应该推断出这一点,因为我使用的原始软件包的文档在应用程序的入口点中有
ContextMenu
,并且有如下注释:

 // You need to place a MenuContext somewhere in your application,usually at the root. 
  // Menus will open within the context, and only one menu can open at a time per context. 
我的错误是迷失在
zIndex
position
的微观世界中,并假设看起来像是样式问题的东西应该用样式解决方案来解决。我忘了大局

 // You need to place a MenuContext somewhere in your application,usually at the root. 
  // Menus will open within the context, and only one menu can open at a time per context.