React native 堆叠顺序:如何渲染组件,使其显示在父组件的顶部';兄弟姐妹
在设置下拉列表(react native menu)样式时,我对zIndex和position有一些问题。我想使下拉列表在单击时显示在此场景中所有其他组件的顶部。我正在尝试使用zIndex和position,但可能没有正确使用 在我的代码(下面)中,我呈现了一个层次结构,其中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} ) 因此,下拉列表是第一个卡
卡>卡节>每个卡的各种子组件。下拉列表包括组件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.