模态打开时使抽屉可见。反应原生

Posted

技术标签:

【中文标题】模态打开时使抽屉可见。反应原生【英文标题】:Make drawer visible when modal on. React Native 【发布时间】:2020-03-21 08:28:12 【问题描述】:

我正在 react-native 上开发项目,我的问题是 modal 位于抽屉导航器上方,我尝试设置 zIndex 但它没用。

我的模态:

    <Modal visible=isVisible animationType='fade' transparent=true>
      <Animated.View style= marginTop: marginTop, zIndex: 0 >
          ...
      </Animated.View>
    </Modal>

我的抽屉:

    <DrawerContentScrollView ...props style= marginTop: -5 >
      <ImageBackground source=back style=...s.drawerContainer, zIndex: 100>
         ...
      </ImageBackground>
    </DrawerContentScrollView>

这是屏幕截图,我需要在此模式上设置抽屉

【问题讨论】:

【参考方案1】:

模式本身就在一切之上,请检查这个问题:Bring View on top of Modal using zIndex style with React-Native

很遗憾,你不能把抽屉放在上面。

【讨论】:

以上是关于模态打开时使抽屉可见。反应原生的主要内容,如果未能解决你的问题,请参考以下文章

React-responsive-modal:模式打开时更改背景颜色

javascript 从其他模态打开/从其他模态打开时的堆栈引导模态

ReactJS - 使用反应钩子防止模态的初始动画

仅在模态打开时加载 iframe src

模态对话框打开时默认打开下拉菜单

打开时更改 Bootstrap 模态背景设置