# React Native course " navigation ": only obtain a blank screen

**URL:** <https://forum.codewithmosh.com/t/react-native-course-navigation-only-obtain-a-blank-screen/21521>\
**Category:** Uncategorized\
**Created:** [July 15, 2023, 7:10pm UTC](https://forum.codewithmosh.com/t/react-native-course-navigation-only-obtain-a-blank-screen/21521 "2023-07-15T19:10:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bouba](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@Bouba](https://forum.codewithmosh.com/u/Bouba)\
**Post date:** [July 15, 2023, 7:10pm UTC](https://forum.codewithmosh.com/t/react-native-course-navigation-only-obtain-a-blank-screen/21521/1 "2023-07-15T19:10:16Z")

</div>

Hi,  
I am following Mosh course on React Native part2. The example on Navigation is not working with my android emulator. It only shows a blank page and nothing else. Below is the code as from Mosh course:

=============  
import React from “react”;  
import { Text } from “react-native”;  
import { createNativeStackNavigator } from “@react-navigation/native-stack”;  
import { NavigationContainer } from “@react-navigation/native”;

import Screen from “./app/components/Screen”;

const Tweets = () =\> (  
  
Tweets  
  
);

const TweetDetails = () =\> {  
  
Tweet Details  
;  
};

const Stack = createNativeStackNavigator();  
const StackNavigator = () =\> {  
\<Stack.Navigator\>  
\<Stack.Screen name=“Tweets” component={Tweets} /\>  
\<Stack.Screen name=“TweetDetails” component={TweetDetails} /\>  
\</Stack.Navigator\>;  
};

export default function App() {  
return (  
  
  
  
);  
}

=============

Does anyone see what may be the problem?

Thanks

---

<div class="post-metadata">

**Author:** ![abduljameelb](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/abduljameelb/32/6669_2.png) [@abduljameelb](https://forum.codewithmosh.com/u/abduljameelb)\
**Post date:** [July 16, 2023, 10:15am UTC](https://forum.codewithmosh.com/t/react-native-course-navigation-only-obtain-a-blank-screen/21521/2 "2023-07-16T10:15:43Z")

</div>

pls use navigation container

```auto
import { NavigationContainer } from "@react-navigation/native";
import BottomTabNavigator from "./src/navigation/BottomTabNavigator";

  return (
    <NavigationContainer>

        <BottomTabNavigator />

    </NavigationContainer>
  );
}

```

---

<div class="post-metadata">

**Author:** ![Bouba](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@Bouba](https://forum.codewithmosh.com/u/Bouba)\
**Post date:** [July 16, 2023, 1:04pm UTC](https://forum.codewithmosh.com/t/react-native-course-navigation-only-obtain-a-blank-screen/21521/3 "2023-07-16T13:04:49Z")

</div>

Thanks. I think the issue was related to the installation of the packages. I re-installed the relevant packages and re-launched the emulator, and things started working.

---

<div class="post-metadata">

**Author:** ![Kubwensu](https://avatars.discourse-cdn.com/v4/letter/k/f6c823/32.png) [@Kubwensu](https://forum.codewithmosh.com/u/Kubwensu)\
**Post date:** [July 30, 2024, 3:25pm UTC](https://forum.codewithmosh.com/t/react-native-course-navigation-only-obtain-a-blank-screen/21521/4 "2024-07-30T15:25:59Z")

</div>

what commands did you run to fix the packages

---

<div class="post-metadata">

**Author:** ![Bouba](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@Bouba](https://forum.codewithmosh.com/u/Bouba)\
**Post date:** [July 30, 2024, 7:46pm UTC](https://forum.codewithmosh.com/t/react-native-course-navigation-only-obtain-a-blank-screen/21521/5 "2024-07-30T19:46:22Z")

</div>

You can delete node\_modules folder to remove the old installed packages. And type:

npm install

This should reinstall all the packages that are present in the package.json file of your project. I am assuming that you are using npm as the package manager for your project.