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

Question

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

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

1. 使用Alert窗口并大量修改警报消息，但是此选项不允许我通过单击透明区域来取消。
2. 使用某些看起来很有前途的，非常像beta的组件react-native-popupwindow也不是一种选择。
3. 使用modal声称是在封闭视图上方显示内容的简单方法的组件。根据如何在本机模式中调暗背景？然后在模态外部点击以关闭模态（react-native-modal） “，这似乎是一个可能的选择。
4. 但是，有些人说，您应该宁愿只Overlay使用Modal，也只能将Modal作为最后的手段。

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

有关StackOverflow的相关问题：

• React Native中的透明覆盖

Answer 1

模态完全是您要走的路。

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