Go Pro Sign Up Login

Buy Now and unlock this series







yours forever

Become a Pro and unlock everything




per month

Stack Navigator

In this series, I'll be teaching intermediate React Native with GraphQL and Apollo.

Purchase this series: https://goo.gl/ESBiWS OR Become a pro: https://www.leveluptutorials.com/pro

Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX

Subscribe for more free tutorials https://goo.gl/6ljoFc


Become a pro to download code and videos



over 2 years ago [edited]

also, expo install react-native-gesture-handler will fix any warnings you might be having as well

you whole code should include the following:

import { createAppContainer } from 'react-navigation'; import { createStackNavigator } from 'react-navigation-stack';

const AppNavigator = createStackNavigator({ Home: { screen: App, }, });

export default createAppContainer(AppNavigator);


over 2 years ago

In case someone got stuck - npm i -s react-native-gesture-handler will fix that issues

User avatar


almost 3 years ago

It's not too different, But having the link to the relevant docs is awesome thx.


about 3 years ago

@Alonso S. I wish I had scrolled down to see this before pulling my hair out :) Lesson learned.

Alonso S.

about 3 years ago [edited]

Hello Scott, I'm trying to follow this course, but the explanation for the StackNavigator is a little deprecated, right now the StackNavigator is using createStackNavigator and is a little different the implementation, do you think is a good idea follow the StackNavigator implementation you did? or is a better idea to have the new one createStackNavigator, regards. This is the specific implementation if someone needs the reference: https://reactnavigation.org/docs/en/hello-react-navigation.html // In App.js in a new project

import React from "react"; import { View, Text } from "react-native"; import { createStackNavigator, createAppContainer } from "react-navigation";

class HomeScreen extends React.Component { render() { return ( <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}> Home Screen ); } }

const AppNavigator = createStackNavigator({ Home: { screen: HomeScreen } });

export default createAppContainer(AppNavigator);

Want to join the conversation?

Become a Pro member today!