How to use reactxp-navigation - 5 common examples
To help you get started, we’ve selected a few reactxp-navigation examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
microsoft / reactxp / samples / hello-world / src / views / RootView.tsx View on Github 
private _onPressNavigate = () => {
if (this._navigator) {
this._navigator.push({
sceneConfigType: Types.NavigatorSceneConfigType.FloatFromRight,
routeId: NavigationRouteId.SecondPanel
});
}
}private _onShowTodoPanel = () => {
this._navigator.push({
routeId: NavigationRouteId.EditTodoPanel,
sceneConfigType: Types.NavigatorSceneConfigType.FloatFromRight
});
}componentDidMount() {
if (this._navigator) {
this._navigator.immediatelyResetRouteStack([{
routeId: NavigationRouteId.MainPanel,
sceneConfigType: Types.NavigatorSceneConfigType.Fade
}]);
}
}private _createNavigatorRoute(viewId: NavModels.NavViewId): NavTypes.NavigatorRoute {
return {
routeId: viewId,
sceneConfigType: NavTypes.NavigatorSceneConfigType.FloatFromRight
};
}componentDidMount() {
this._navigator.immediatelyResetRouteStack([{
routeId: NavigationRouteId.TodoListPanel,
sceneConfigType: Types.NavigatorSceneConfigType.Fade
}]);
}reactxp-navigation
Plugin for ReactXP that provides a navigation framework
