如何使用react-native创建具有原生外观的模态视图segue？

Question

有没有办法执行模态segue,从底部动画视图和导航栏,覆盖现有的导航栏,视图和tabbar等？

在UIExplorer中有一个类似的例子,其中视图'Navigator'使用'configureScene'从底部通过Navigator.SceneConfigs.FloatFromBottom等浮动视图(但不是导航栏)等.本机应用模态segue应该为新导航栏设置动画,从底部查看.注意:健康应用程序就是一个很好的例子,单击"医疗ID"选项卡,然后点击导航栏中的"编辑"按钮,并注意其导航栏和视图的动画效果并覆盖现有的导航栏,标签栏和视图.

我可以在facebook群组应用中看到一个模态segue,这是我理解的反应原生.点击"群组"标签,点击"创建"导航栏按钮.

有谁知道如何在react-native中实现本机模态segues？

Answer 1

我负责 React Native Navigator 组件。

要实现此目的，您可以将一个导航器放置在另一个导航器的场景中。外部导航器用Navigator.SceneConfigs.FloatFromBottom类似的东西配置它的场景。在场景中，您可以使用<Navigator>另一个navigationBar={<Navigator.NavigationBar ...etc />}