AllanGraves

const Location = ({jsondata, locationID, storyID}) => {
  console.log(`Location: LocationID: ${locationID} + StoryID: ${storyID}`);
  /* This holds the current location we are displaying */
  const [curLocation, setLocation] = useState(locationID);
  const [curStory, setStory] = useState(storyID);

  var textToDisplay = jsondata[curLocation].text;
  textToDisplay = ParserClass.parseText(textToDisplay);

  return (

AllanGraves

const ScreenFour = ({navigation, route}) => {
  useEffect(() => {
    console.log('Screen 4 Mount: ');
    console.log(navigation.dangerouslyGetState());
    console.log(route);

    return () => {
      console.log('Screen 4 Unmount:');
      console.log(navigation.dangerouslyGetState());
    };

AllanGraves

import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
const Tab = createBottomTabNavigator();

const TabScreens = () => {
  return (
    <Tab.Navigator>
      <Tab.Screen name="One" component={ScreenOne} />
      <Tab.Screen name="Two" component={ScreenTwo} />
      <Tab.Screen name="Three" component={ScreenThree} />
    </Tab.Navigator>

AllanGraves

const ScreenOne = ({navigation}) => {
  useEffect(() => {
    console.log('Screen 1 Mount: ');
    console.log(navigation.dangerouslyGetState());

    return () => {
      console.log('Screen 1 Unmount:');
      console.log(navigation.dangerouslyGetState());
    };
  });

AllanGraves

const Drawer = createDrawerNavigator();
const DrawerScreens = () => {
  return (
    <Drawer.Navigator>
      <Drawer.Screen name="One" component={ScreenOne} />
      <Drawer.Screen name="Two" component={ScreenTwo} />
      <Drawer.Screen name="Three" component={ScreenThree} />
    </Drawer.Navigator>
  );
};

AllanGraves

useEffect(() => {
    console.log('Screen 1 Mount: ');
    console.log(navigation.dangerouslyGetState());

    return () => {
      console.log('Screen 1 Unmount:');
      console.log(navigation.dangerouslyGetState());
    };
  });

AllanGraves

const ScreenOne = ( {navigation} ) => {
  return (
    <View>
      <Text> Screen One </Text>
      <Button
        title="Go to Two"
        onPress={() => navigation.navigate('Two')}
      />
    </View>
  );

AllanGraves

import 'react-native-gesture-handler';

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {SafeAreaView, ScrollView, View, Text, StatusBar} from 'react-native';

const ScreenOne = () => {
  return (
    <View>
      <Text> Screen One </Text>

AllanGraves

const ScreenOne = () => {
  return (
    <View>
      <Text> Screen One </Text>
    </View>
  );
};

const ScreenTwo = () => {
  return (

AllanGraves

import 'react-native-gesture-handler';

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';

import {SafeAreaView, ScrollView, View, Text, StatusBar} from 'react-native';

const App: () => React$Node = () => {
  return (
    <>