🐛 Fix rendering events again

src/Navigation.js

@@ -5,10 +5,10 @@ import React from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 
-// import EventListScreen from './screens/EventListScreen';
-// import AboutScreen from './screens/AboutScreen';
-// import EventDetailScreen from './screens/EventDetailScreen';
-// import LoginScreen from './screens/LoginScreen';
+import EventListScreen from './screens/EventListScreen';
+import AboutScreen from './screens/AboutScreen';
+import EventDetailScreen from './screens/EventDetailScreen';
+import LoginScreen from './screens/LoginScreen';
 import MembershipScreen from './screens/MembershipScreen';
 // import UserRegisterScreen from './screens/UserRegisterScreen';
 
@@ -84,11 +84,18 @@ const Stack = createNativeStackNavigator();
 
 const DuskenNavigation = () => (
   <NavigationContainer>
-    <Stack.Navigator>
-      {/* <Stack.Screen name="About" component={AboutScreen} /> */}
-      {/* <Stack.Screen name="Login" component={LoginScreen} /> */}
+    <Stack.Navigator initialRouteName="EventList">
+      <Stack.Screen name="About" component={AboutScreen} />
       <Stack.Screen name="Membership" component={MembershipScreen} />
-      {/* <Stack.Screen name="EventList" component={EventListScreen} /> */}
+      <Stack.Screen name="EventList" component={EventListScreen} />
+      <Stack.Screen
+        name="EventDetail"
+        component={EventDetailScreen}
+        options={({ route }) => ({
+          title: route.params.item.title.decoded,
+        })}
+      />
+      <Stack.Screen name="Login" component={LoginScreen} />
     </Stack.Navigator>
   </NavigationContainer>
 );