update routes for Navigator

Author: flexbox

hackathon/nerd-fm/App.tsx

@@ -1,15 +1,13 @@
 import 'react-native-gesture-handler';
-import { NavigationContainer } from '@react-navigation/native';
 import React from 'react';
 import { Provider as PaperProvider } from 'react-native-paper';
-import { RootStack } from './src/navigation/Navigator';
+
+import Navigator from './src/navigation/Navigator';
 
 export default function App() {
   return (
-    <NavigationContainer>
-      <PaperProvider>
-        <RootStack />
-      </PaperProvider>
-    </NavigationContainer>
+    <PaperProvider>
+      <Navigator />
+    </PaperProvider>
   );
 }

hackathon/nerd-fm/src/navigation/Navigator.tsx

@@ -2,14 +2,25 @@ import React from 'react';
 import { createStackNavigator } from '@react-navigation/stack';
 import MusicDetailsScreen from '../screens/MusicDetailsScreen';
 import MusicFeedScreen from '../screens/MusicFeedScreen';
+import { NavigationContainer } from '@react-navigation/native';
 
 const Stack = createStackNavigator();
 
-export function RootStack() {
+function RootStack() {
   return (
     <Stack.Navigator>
       <Stack.Screen name="Music Feed" component={MusicFeedScreen} />
       <Stack.Screen name="Music" component={MusicDetailsScreen} />
     </Stack.Navigator>
   );
 }
+
+function Navigator() {
+  return (
+    <NavigationContainer>
+      <RootStack />
+    </NavigationContainer>
+  );
+}
+
+export default Navigator;