我用的是react-native-dropdown-select-list元.当使用/打开下拉菜单时,屏幕上下面的项目将被下推,而不是出现在其上方的菜单,并且不会向下移动这些项目.如何阻止这种情况发生?

增加和减少了zIndex.它没有起作用

推荐答案

您可以通过使用dropdownStylesprops 来设计dropdown的样式.添加position: absolute可确保下拉列表覆盖其他元素,而不会推动它们.一些额外的样式,使它看起来像以前一样,并与其他组件重叠.

<SelectList
  dropdownStyles={{
    backgroundColor: "white",
    position: "absolute",
    top: 40,
    width: "100%",
    zIndex: 999,
  }}
/>

React-native相关问答推荐

ITMS—91053:缺少API声明—ReactNative

在原生react 中更改图像源URI时闪烁

try 使用JWT-DECODE解码令牌时出错

无法执行 JS 调用:__fbBatchedBridge 未定义

从 React 原生 Js 代码调用 Android Native UI 组件方法

Javascript setTimeout 立即在 React Native 中运行

如何解决Readonly<{}> 类型上不存在属性 navigation&

什么时候适合在 React 中使用构造函数?

在 CircleCI 上 ReactNative 0.59.x build fails on CircleCI with exit value 137

在使用 redux-persist 重新水化存储之前加载初始状态的默认值

React Native 有全局作用scope域吗?如果没有,我该如何模仿它?

redux saga 的delay延迟功能不起作用

将图标添加到drawer抽屉react-navigation v5

等待模块失效的超时

检测是否通过推送通知打开了 React Native iOS 应用

React Native - React Navigation导航转换

如何在 React Native 的 MapView 中设置标记

I18nManager.forceRTL 不会在首次应用加载时应用更改

如何在 React 中将函数与钩子绑定?

React 的 Virtual DOM 到底有多快?