How do I create a native looking modal view segue with react-native?

Question

Is there an way to perform a modal segue, animating the view and navbar up from the bottom, covering the existing navbar, view and tabbar, etc. ?

There is a similar

Answer 1

I work on the React Native Navigator component.

To accomplish this, you can put a Navigator within the scene of another Navigator. The outside navigator configures its scene with Navigator.SceneConfigs.FloatFromBottom or something similar. Inside the scene, you can have another <Navigator> with navigationBar={<Navigator.NavigationBar ...etc />}

Answer 2

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

Link to source is here: https://github.com/aaronksaunders/React-Modal-Nav-Example