How to use navigation-react-native - 3 common examples

To help you get started, we’ve selected a few navigation-react-native 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.

github grahammendick / navigation / NavigationReactNative / sample / iosTabs / App.js View on Github external
import {NavigationHandler} from 'navigation-react';
import {addNavigateHandlers, NavigationMotion} from 'navigation-react-native';
import Page from './Page.js';

var stateNavigatorZero = new StateNavigator([
  {key: 'scene', trackCrumbTrail: true, title: 'Scene'},
]);
var {scene} = stateNavigatorZero.states;
scene.renderScene = () => ;
stateNavigatorZero.navigate('scene');

var stateNavigatorOne = new StateNavigator(stateNavigatorZero);
stateNavigatorOne.navigate('scene');

var stateNavigators = [stateNavigatorZero, stateNavigatorOne];
addNavigateHandlers(stateNavigators);

export default ({crumb, tab}) => (
  
    
  
);
github grahammendick / navigation / NavigationReactNative / sample / ios / App.js View on Github external
*/

import React from 'react';
import {StateNavigator} from 'navigation';
import {NavigationHandler} from 'navigation-react';
import {addNavigateHandlers, NavigationMotion} from 'navigation-react-native';
import Page from './Page.js';

var stateNavigator = new StateNavigator([
  {key: 'scene', trackCrumbTrail: true, title: 'Scene'},
]);
var {scene} = stateNavigator.states;
scene.renderScene = () => ;
stateNavigator.navigate('scene');

addNavigateHandlers(stateNavigator);

export default ({crumb}) => (
  
    
  
);
github grahammendick / navigation / NavigationReactNative / sample / android / App.js View on Github external
*/

import React from 'react';
import {StateNavigator} from 'navigation';
import {NavigationHandler} from 'navigation-react';
import {addNavigateHandlers, Scene} from 'navigation-react-native';
import Page from './Page.js';

var stateNavigator = new StateNavigator([
  {key: 'scene', trackCrumbTrail: true},
]);
var {scene} = stateNavigator.states;
scene.renderScene = () => ;
stateNavigator.navigate('scene');

addNavigateHandlers(stateNavigator);

export default ({crumb}) => (
  
    
  
);

navigation-react-native

React Native plugin for the Navigation router

Apache-2.0
Latest version published 15 hours ago

Package Health Score

75 / 100
Full package analysis

Popular navigation-react-native functions