present(screenName[, props, options])
Arguments
screenName
(string
): The screen identifier of the screen to be pushed.props
(Object
): Props to be passed into the presented screen.options
(Object
): Options for the navigation transition:options.transitionGroup
(string
): The shared element group ID to use for the shared element transition
Returns
(Promise<NavigationResult>
): A promise that resolves when the presented screen gets dismissed.
Example Usage
import React from 'react';
import Navigator from 'native-navigation';
class Foo extends React.Component {
constructor(props) {
super(props);
this.state = {
registered: false,
};
this.onPress = this.onPress.bind(this);
}
onPress() {
return Navigator
.present('Register', { source: 'Foo' })
.then(({ code }) => this.setState({ registered: code === Navigator.RESULT_OK }));
}
render() {
return (
<View>
{!registered && (
<Button
title="Register Now"
onPress={this.onPress}
/>
)}
{!!registered && (
<Button
title="Continue"
onPress={this.onPress}
/>
)}
</View>
);
}
}