How to use the react-native-screens/createNativeStackNavigator function in react-native-screens

To help you get started, we’ve selected a few react-native-screens 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 rodolfovilaca / AnimationsExperiments / App.js View on Github external
import {useScreens} from 'react-native-screens';
import createNativeStackNavigator from 'react-native-screens/createNativeStackNavigator';
import {createAppContainer} from 'react-navigation';
import Home from './src/screens/home';
import InfiniteScrollExample from './src/screens/infiniteScroll';
import SpeedScreen from './src/screens/speed';

useScreens();

const appStack = createNativeStackNavigator(
  {
    Home: {
      screen: Home,
    },
    InfiniteScroll: {
      screen: InfiniteScrollExample,
    },
    SpeedScreen: {
      screen: SpeedScreen,
    },
  },
  {
    initialRouteName: 'Home',
    headerMode: 'none',
    // transparentCard: true,
    // mode: 'modal',
github kmagiera / react-native-screens / Example / nativeNavigation.js View on Github external
headerTintColor: 'black',
        // header: null,
        // translucent: true,
        // gestureEnabled: false,
      },
    },
  },
  {
    initialRouteName: 'Some',
    // headerMode: 'none',
    // transparentCard: true,
    // mode: 'modal',
  }
);

const App = createNativeStackNavigator(
  {
    Root: { screen: AppStack },
    Modal: PushScreen,
  },
  {
    mode: 'modal',
    headerMode: 'none',
  }
);

const styles = StyleSheet.create({
  screen: {
    ...StyleSheet.absoluteFillObject,
    paddingTop: 200,
    flex: 1,
    backgroundColor: 'white',
github kmagiera / react-native-screens / Example / nativeNavigation.js View on Github external
<button> this.props.navigation.goBack()}
          title="Go back"
        /&gt;
        </button><button> this.props.navigation.push('Push')}
          title="Push more"
        /&gt;
        </button><button> alert('This is a button!')} title="Info" /&gt;
        ),
        // translucent: true,
        // largeTitle: true,
      }),</button>
github rainbow-me / rainbow / src / screens / Routes.js View on Github external
},
  {
    defaultNavigationOptions: {
      onTransitionEnd,
      onTransitionStart,
    },
    headerMode: 'none',
    initialRouteName: 'SwipeLayout',
    mode: 'modal',
  }
);

let appearListener = null;
const setListener = listener =&gt; (appearListener = listener);

const NativeStack = createNativeStackNavigator(
  {
    ImportSeedPhraseSheet: function ImportSeedPhraseSheetWrapper(...props) {
      return (
        
      );
    },
    MainNavigator,
    SendSheet: function SendSheetWrapper(...props) {
      return ;
    },
  },
  {
    defaultNavigationOptions: {