react-native - 使用 react-native 创建弹出窗口的简单方法？

Question

目标是构建一个类似于 YouTube 应用中的搜索过滤器的弹出窗口的简单而干净的实现，见图。点击半透明边框应关闭弹出窗口。应该从多个屏幕(嵌套导航结构内)调用相同的弹出窗口，并将选择返回给相应的屏幕。

我做了相当多的搜索和文档阅读，所以我似乎有以下四个选择:

1. 使用 Alert 窗口并大量修改警报消息，但此选项不允许我通过单击透明区域来取消。
2. 使用一些看起来很有前途的组件，例如 react-native-popupwindow也不是一个真正的选择。
3. 使用 modal声称是一种在封闭 View 上方呈现内容的简单方法的组件。根据How to dim a background in react native modal?和 Tap outside of modal to close modal (react-native-modal) "这似乎是一个可能的选择。
4. 但是，有些人说您应该使用 Overlay并使用 Modal only as a last resort .

请告知您在现实生活中测试了哪些解决方案。你有什么建议？也许还有更简单的解决方案？

StackOverflow 上的相关问题:

• Transparent overlay in React Native

Answer 1

Modal 完全适合您。

我个人的选择是https://github.com/react-native-community/react-native-modal总体上具有最佳性能和灵 active 。