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

Question

有没有办法执行模态搜索，从底部向上动画视图和导航栏，覆盖现有的导航栏、视图和标签栏等？

UIExplorer 中有一个类似的示例，其中视图“Navigator”使用“configureScene”通过 Navigator.SceneConfigs.FloatFromBottom 等从底部浮动视图（但不是导航栏）。本机应用程序模式 segues 应该为新导航栏设置动画，并且从底部向上查看。注意：健康应用就是一个很好的例子，点击“医疗 ID”选项卡，然后点击导航栏中的“编辑”按钮，注意它的导航栏和视图如何动画并覆盖现有的导航栏、标签栏和视图。

我可以在 facebook groups 应用程序中看到一个模态 segue，据我了解，这是 react-native。单击“组”选项卡，单击“创建”导航栏按钮。

有谁知道如何在 react-native 中实现原生模式 segues？

Answer 1

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

Answer 2

我在 React Native Navigator 组件上工作。

为此，您可以将 Navigator 放在另一个 Navigator 的场景中。Navigator.SceneConfigs.FloatFromBottom外部导航器使用或类似的东西配置其场景。在场景里面，你可以有<Navigator>另一个navigationBar={<Navigator.NavigationBar ...etc />}