React native,使用可选样式在所有视图顶部制作下拉选择器使其不可触及

React native, using selectable style to make a dropdown picker on top of all views makes it untouchable

我有一个特定的下拉视图,我想将其置于所有其他视图之上。目前看起来像这样。

我已经尝试设置“海拔:1”的样式来修复 UI 但如果下拉菜单最初有视图,则下拉菜单将保持不可触及。

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

使用 a gif 进行更多解释。

这是 github issue link with the code

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

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

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