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

1

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

2

pls use navigation container

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


  return (
    <NavigationContainer>

        <BottomTabNavigator />


    </NavigationContainer>
  );
}
3

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.

4

what commands did you run to fix the packages

5

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.