首页 > 解决方案 > React Native,使用可选样式在所有视图之上制作下拉选择器,使其无法触及

问题描述

我有一个特定的下拉视图,我想保持在所有其他视图之上。它目前看起来像这样。

在此处输入图像描述

我尝试设置一种“elevation: 1”样式来修复 UI,但如果在其顶部有最初的视图,则下拉菜单将保持不可触摸。

在此处输入图像描述

不可点击的区域也应该是可点击的:

在此处输入图像描述

使用gif进行更多解释。

这是带有代码的 github 问题链接

编辑:打开和关闭检查器可以解决问题。但这不是一个可行的生产解决方案。

标签: reactjsreact-nativedropdown

解决方案


我已经将下拉选择器和以下组件包装在带有 nestedScrollEnabled 的 ScrollView 下,并且它正在工作。

<ScrollView nestedScrollEnabled={true} />
    <DropDownPicker  ... />
</ScrollView>

推荐阅读