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

Question

目标是建立一个类似于YouTube-App中搜索过滤器的弹出窗口的简单，干净的实现方式，请参见图片。轻按半透明的边框应关闭弹出窗口。应该从几个屏幕（在嵌套的导航结构内）调用同一弹出窗口，然后将选择返回给相应的屏幕。

我做了很多搜索和文档阅读，所以我似乎有以下四个选择：

1. 使用Alert窗口并严重修改警报消息，但是该选项不允许我单击透明区域来取消。
2. 使用一些看起来很有前途的组件（如react-native-popupwindow这样的beta版）也不是真正的选择。
3. 使用modal组件，该组件声称是在封闭视图上方显示内容的简单方法。根据{{​​3}}和How to dim a background in react native modal?”，这似乎是一个可能的选择。
4. 但是，有些人说您应该使用Tap outside of modal to close modal (react-native-modal)并使用Overlay。

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

有关StackOverflow的问题：

• Modal only as a last resort

Answer 1

模式完全是您要走的路。

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

Answer 2

我正在使用非常好的替代方案。

  

npm我反应-本机-easypopup

您可以尝试让我知道是否有帮助。