title: I want to add progress bar to switch from one screen to another
body: <p>I am working on a react app. It has simple auth features. The problem is that after a user sign's up, they are forced to wait 6-9 seconds before the landing page loads.</p>
  <p>For that reason, I want to add a progress bar as a popup after the user clicks on the SIGN-UP button to notify the user that the page is loading.</p>
  <pre><code> const handlePress = () =&gt; {
  if (!firstName) {
    Alert.alert(&quot;First Name is required&quot;);
  } else if (!phone) {
    Alert.alert(&quot;Phone Number is required.&quot;);
  } else if (!email) {
    Alert.alert(&quot;Email Field is required.&quot;);
  } else if (!password) {
    Alert.alert(&quot;Password Field is required.&quot;);
  } else {
    registration(email, password, phone, firstName);
    navigation.navigate(&quot;Welcome&quot;);
    emptyState();
  }
    };
  
  &lt;TouchableOpacity style={styles.button} onPress={handlePress}&gt;
        &lt;Text style={{ fontWeight: &quot;bold&quot;, color: &quot;#fff&quot;, fontSize: 18 }}&gt;
          {&quot; &quot;}
          Sign Up
        &lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
  </code></pre>
  <p>Someone Help. Relatively new to react and JS.</p>