fix API fetch on screen focus for rooms list & messages

react-native/ChatApp/components/ListScreen.js

@@ -18,7 +18,8 @@ class ListScreen extends React.Component {
 
   }
 
-  async componentDidMount() {
+  async getRooms() {
+
     let status = null;
 
     //get rooms from API
@@ -72,6 +73,19 @@ class ListScreen extends React.Component {
     }
   }
 
+  componentDidMount() {
+
+    this.getRooms();
+
+    const { navigation } = this.props;
+
+    this.focusListener = navigation.addListener("focus", async () => {
+
+      this.getRooms();
+
+    });
+  }
+
   keyExtractor = (item, index) => index.toString();
 
   render() {

react-native/ChatApp/components/MessagesScreen.js

@@ -22,8 +22,7 @@ class MessagesScreen extends React.Component {
     this.onSend = this.onSend.bind(this);
   }
 
-  async componentDidMount() {
-
+  async getMessages() {
     let status = null;
 
     //get user from asyncStorage
@@ -109,6 +108,19 @@ class MessagesScreen extends React.Component {
     this.setState({ isLoading: false })
   }
 
+  componentDidMount() {
+
+    this.getMessages();
+
+    const { navigation } = this.props;
+
+    this.focusListener = navigation.addListener("focus", async () => {
+
+      this.getMessages();
+
+    });
+  }
+
   async onSend(messages = []) {
     let status = null;