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

标签 react-native

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

UIExplorer 中有一个类似的示例,其中 View
'Navigator' 使用'configureScene' 通过 Navigator.SceneConfigs.FloatFromBottom 等从底部 float View (但不是导航栏)。 native 应用程序模态序列应该为新导航栏设置动画并从底部向上查看。注意:健康应用就是一个很好的例子,点击“医疗 ID”选项卡,然后点击导航栏中的“编辑”按钮,注意它的导航栏和 View 如何动画并覆盖现有的导航栏、标签栏和 View 。

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

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

最佳答案

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

关于react-native - 如何使用 react-native 创建一个具有原生外观的模态视图 segue?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29379751/

相关文章:

react-native - 如何使用 react-native-qrcode 保存生成的二维码

javascript - 获取 firebase 对象的函数返回难以使用的对象

reactjs - 在没有 npm 包的情况下 react 原生背景模糊

react-native - 找出 React Native 项目中未使用的导入

javascript - react-native-webview 如何注入(inject) javascript?

ios - XCode 不包含在 iOS 13.3 上构建的文件

javascript - RNFS.uploadFiles 仅适用于原始上传,不适用于多部分/表单数据

react-native - 根据用户的身份验证重定向用户

react-native - 如何从抽屉导航器菜单导航到特定选项卡 native react

android - 进程 'command ' node'' 以非零退出值 1 linux 完成,同时生成签名的 apk