android - React Native Android 剪辑儿童

Question

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

header 是一个自定义的 headerTitle 组件，它保存了自定义的下拉组件（一个视图，它保存了下拉项（带有文本和图标的视图）

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

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

标签： androidreact-nativereact-native-androidreact-navigationexpo

Answer 1

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

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

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