如何创建一个原生的外观模态视图segue with react-native？

有没有一种方法可以执行模式切入，从底部向上移动视图和导航栏，覆盖现有的导航栏，视图和标签栏等？如何创建一个原生的外观模态视图segue with react-native？

有在UIExplorer一个类似的例子，其中图 “导航”使用“configureScene”从底部经由Navigator.SceneConfigs.FloatFromBottom漂浮的图（但不是导航栏）等原生应用的模态塞格斯都应该为新导航栏添加动画并从底部查看。注意：一个很好的例子是健康应用程序，点击'医疗ID'选项卡，然后点击导航栏中的'编辑'按钮，并注意其导航栏和视图如何动画并覆盖现有的导航栏，标签栏和视图。

我可以在facebook groups应用程序中看到一个模态的segue，这是我理解的反应本机。点击“组”标签，点击“创建”导航栏按钮。

有谁知道如何实现原生莫代尔塞格斯反应原生？

来源

2015-03-31 McG

[从v0.10开始有一个模态组件（https：//开头的github .com/facebook/react-native/blob/master/Examples/UIExplorer/ModalExample.js） – syg 2015-08-25 06:48:42

@syg文档说它用于混合RN和应用程序的本机部分。 – 2016-03-03 14:42:55

我使用React Native Navigator组件。

要做到这一点，您可以将导航器放入另一个导航器的场景中。外部导航器配置其场景Navigator.SceneConfigs.FloatFromBottom或类似的东西。里面的场景，你可以有另<Navigator>与navigationBar={<Navigator.NavigationBar ...etc />}

来源

2015-04-22 17:16:28

你能在这里更具体吗？有点难以遵循这一点，它似乎是一个基本要求，似乎没有清楚记录在任何地方。 – 2015-04-25 16:44:09

自己弄明白了 – 2015-04-29 20:35:17

如果文档现在稀少，我们抱歉。我一直专注于稳定API并为Android应用程序构建功能。如果您想帮助澄清其他人的文档，请随时提交PR：https：//github.com/facebook/react-native/blob/master/Libraries/CustomComponents/Navigator/Navigator.js – 2015-05-02 07:46:20

enter image description here

this.props.navigator.push({ 
    title: 'Pick Date', 
    sceneConfig: Navigator.SceneConfigs.FloatFromBottom, 
    component: DatePickerView, 
    navigationBar: <NavigationBar 
     title="Initial View"/>, 
    passProps: {handleSelectedDate: this.handleSelectedDate} 
})

链接到源是在这里：https://github.com/aaronksaunders/React-Modal-Nav-Example

来源

2015-04-29 20:35:37

与此一起努力好。你有一个完整的例子吗？ – Rory 2015-04-30 09:22:57

我在这里发布了一个使用模块的更完整的示例。 aaronksaunders/React-Modal-Nav-Example http://bit.ly/1JCRE6y – 2015-05-11 22:22:43

如何创建一个原生的外观模态视图segue with react-native？

回答

相关问题