Created People Stack

src/navigators/PeopleStack.js

@@ -0,0 +1,18 @@
+import {createStackNavigator} from "@react-navigation/stack";
+import Comment from "../screens/Comment";
+import People from "../screens/People";
+import PeopleView from "../screens/PeopleView";
+
+const Stack = createStackNavigator();
+
+const PeopleStack = () => {
+  return (
+    <Stack.Navigator screenOptions={{headerShown: false}}>
+      <Stack.Screen name={"People"} component={People} />
+      <Stack.Screen name={"PeopleView"} component={PeopleView} />
+      <Stack.Screen name={"People"} component={Comment} />
+    </Stack.Navigator>
+  );
+};
+
+export default PeopleStack;

src/navigators/TabNavigator.js

@@ -1,16 +1,16 @@
 import {createBottomTabNavigator} from "@react-navigation/bottom-tabs";
 import HomeStack from "./HomeStack";
 import Settings from "../screens/Settings";
-import People from "../screens/People";
 import CalendarScreen from "../screens/Calendar";
+import PeopleStack from "./PeopleStack";
 
 const Tab = createBottomTabNavigator();
 
 const TabNavigator = () => {
   return (
     <Tab.Navigator screenOptions={{headerShown: false}}>
       <Tab.Screen name="Timeline" component={HomeStack} />
-      <Tab.Screen name="People" component={People} />
+      <Tab.Screen name="People" component={PeopleStack} />
       <Tab.Screen name="Calendar" component={CalendarScreen} />
       <Tab.Screen name="Settings" component={Settings} />
     </Tab.Navigator>

src/screens/PeopleView.js

@@ -0,0 +1,14 @@
+import { StyleSheet, Text, View } from 'react-native'
+import React from 'react'
+
+const PeopleView = () => {
+  return (
+    <View>
+      <Text>PeopleView</Text>
+    </View>
+  )
+}
+
+export default PeopleView
+
+const styles = StyleSheet.create({})