React Native ios 选择器始终打开

Question

我的屏幕上有两个选择器。每当我导航到 iOS 应用程序的屏幕时，我发现选择器始终处于打开状态并且所有选项都可见。

它在 Android 中运行良好，只有在我们单击选择器后才能看到选项。

有人可以建议在 iOS 中解决此问题的解决方案吗？

原文由 Abhishek Nalin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 iOS 上使用 ActionSheet 而不是 Picker。 https://facebook.github.io/react-native/docs/actionsheetios

正如 jevakallio 所回答的，这是 iOS 上的默认行为。但这并不能提供良好的用户体验，因此请移除所有选择器组件并替换为 ActionSheet。

我做到了，而且效果很好。我之所以喜欢 ActionSheet 而不是 jevakallio 建议的其他组件，是因为它是由 RN 团队开发的，具有良好的原生感觉。最后一个选项建议 react-native-modal-picker 也很好。

原文由 Abhishek Nalin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这就是 iOS UIPickerView 组件的工作原理 - 无法自定义它。

如果您想要不同类型的 UI 元素，则需要编写自己的，或使用众多开源库之一，例如：

• 反应原生下拉
• 反应本机模式下拉
• 反应本机模式选择器

使用这些以及类似的关键字进行谷歌搜索也会产生许多其他库。

原文由 jevakallio 发布，翻译遵循 CC BY-SA 3.0 许可协议