React Native Android 剪辑儿童

Question

我正在使用 expo 创建一个反应原生应用程序，并且我正在标题中创建一个下拉列表。在 iOS 上，下拉菜单按需要工作，并“高于”主要内容，而在 Android 上，它被剪裁或“低于”。我不确定实际上 iOS 是否表现得很奇怪，或者 Android 是。

header是一个自定义的headerTitle组件，里面保存了自定义的下拉组件（一个视图，里面保存了下拉项（Views with text and icons）

我正在寻找解决这个问题，我已经尝试过 zIndex 和绝对定位（我读过它甚至不适用于 android，但我想我会尝试），但这并没有解决它（并导致其他问题)。

任何提示、技巧和更好地理解为什么会在 iOS 和 Android 上发生这种情况将不胜感激。如果需要，我也可以发布代码。

Answer 1

React Native 不支持 Android 上的overflow: 'visible'。

这里有一个很好的例子：https://github.com/brentvatne/growler-prowler/blob/0eebfaae641a088b1a1fd7ffe552deeac914bffe/screens/BreweryListScreen.js#L70-L76

这里的关键是在模态框内渲染菜单组件（在本例中，我使用的是 react-native-root-modal），以便让它出现在标题的顶部。