Restructure the project

src/Index.tsx

@@ -5,83 +5,77 @@ import { enableScreens } from 'react-native-screens'
 
 import React from 'react'
 import { Feather } from '@expo/vector-icons'
-import store from 'src/stacks/common/store'
-import { Provider } from 'react-redux'
-import Toast from 'react-native-toast-message'
-import { StatusBar } from 'expo-status-bar'
 
-import Local from 'src/stacks/Local'
-import Public from 'src/stacks/Public'
-import PostRoot from 'src/stacks/PostRoot'
-import Notifications from 'src/stacks/Notifications'
-import Me from 'src/stacks/Me'
+// @ts-ignore
+import Toast from 'react-native-toast-message'
+
+import ScreenLocal from 'src/screens/Local'
+import ScreenPublic from 'src/screens/Public'
+import ScreenNotifications from 'src/screens/Notifications'
+import ScreenMe from 'src/screens/Me'
 
 enableScreens()
 const Tab = createBottomTabNavigator()
 
 export const Index: React.FC = () => {
   return (
-    <Provider store={store}>
-      <StatusBar style='auto' />
-
-      <NavigationContainer>
-        <Tab.Navigator
-          screenOptions={({ route }) => ({
-            tabBarIcon: ({ focused, color, size }) => {
-              let name: string
-              switch (route.name) {
-                case 'Local':
-                  name = 'home'
-                  break
-                case 'Public':
-                  name = 'globe'
-                  break
-                case 'PostRoot':
-                  name = 'plus'
-                  break
-                case 'Notifications':
-                  name = 'bell'
-                  break
-                case 'Me':
-                  name = focused ? 'smile' : 'meh'
-                  break
-                default:
-                  name = 'alert-octagon'
-                  break
-              }
-              return <Feather name={name} size={size} color={color} />
+    <NavigationContainer>
+      <Tab.Navigator
+        screenOptions={({ route }) => ({
+          tabBarIcon: ({ focused, color, size }) => {
+            let name: string
+            switch (route.name) {
+              case 'Screen-Local':
+                name = 'home'
+                break
+              case 'Screen-Public':
+                name = 'globe'
+                break
+              case 'Screen-Post':
+                name = 'plus'
+                break
+              case 'Screen-Notifications':
+                name = 'bell'
+                break
+              case 'Screen-Me':
+                name = focused ? 'smile' : 'meh'
+                break
+              default:
+                name = 'alert-octagon'
+                break
+            }
+            return <Feather name={name} size={size} color={color} />
+          }
+        })}
+        tabBarOptions={{
+          activeTintColor: 'black',
+          inactiveTintColor: 'gray',
+          showLabel: false
+        }}
+      >
+        <Tab.Screen name='Screen-Local' component={ScreenLocal} />
+        <Tab.Screen name='Screen-Public' component={ScreenPublic} />
+        <Tab.Screen
+          name='Screen-Post'
+          component={() => <></>}
+          listeners={({ navigation, route }) => ({
+            tabPress: e => {
+              e.preventDefault()
+              const {
+                length,
+                [length - 1]: last
+              } = navigation.dangerouslyGetState().history
+              navigation.navigate(last.key.split(new RegExp(/(.*?)-/))[1], {
+                screen: 'PostToot'
+              })
             }
           })}
-          tabBarOptions={{
-            activeTintColor: 'black',
-            inactiveTintColor: 'gray',
-            showLabel: false
-          }}
-        >
-          <Tab.Screen name='Local' component={Local} />
-          <Tab.Screen name='Public' component={Public} />
-          <Tab.Screen
-            name='PostRoot'
-            component={PostRoot}
-            listeners={({ navigation, route }) => ({
-              tabPress: e => {
-                e.preventDefault()
-                const {
-                  length,
-                  [length - 1]: last
-                } = navigation.dangerouslyGetState().history
-                navigation.navigate(last.key.split(new RegExp(/(.*?)-/))[1], {
-                  screen: 'PostToot'
-                })
-              }
-            })}
-          />
-          <Tab.Screen name='Notifications' component={Notifications} />
-          <Tab.Screen name='Me' component={Me} />
-        </Tab.Navigator>
+        />
+        <Tab.Screen name='Screen-Notifications' component={ScreenNotifications} />
+        <Tab.Screen name='Screen-Me' component={ScreenMe} />
+      </Tab.Navigator>
 
-        <Toast ref={(ref: any) => Toast.setRef(ref)} />
-      </NavigationContainer>
-    </Provider>
+      <Toast ref={(ref: any) => Toast.setRef(ref)} />
+    </NavigationContainer>
   )
 }