function TimelineStackScreen() {
  const colorScheme = useColorScheme();
  return (
    <TimelineStack.Navigator>
      <TimelineStack.Screen
        name="TimeLine"
        component={TimeLineScreen}
        options={({ navigation }) => ({
          title: "Timeline",
          headerRight: () => (
            <Pressable
              onPress={() => navigation.navigate("New Post")}
              style={({ pressed }) => ({
                opacity: pressed ? 0.5 : 1,
              })}
            >
              <FontAwesome
                name="pencil-square-o"
                size={24}
                color={Colors[colorScheme].text}
                style={{ marginRight: 15 }}
              />
            </Pressable>
          ),
        })}
      />
      <TimelineStack.Screen name="Post" component={PostDetailsScreen} />
    </TimelineStack.Navigator>
  );
}