title: React Native ActivityIndicator not displaying
body: <p>Packages that am using:</p>
  <pre><code>&quot;@react-native-community/datetimepicker&quot;: &quot;^2.6.0&quot;,
  &quot;@react-native-community/masked-view&quot;: &quot;^0.1.10&quot;,
  &quot;@react-native-firebase/app&quot;: &quot;^8.2.0&quot;,
  &quot;@react-native-firebase/auth&quot;: &quot;^8.2.0&quot;,
  &quot;@react-navigation/drawer&quot;: &quot;^5.8.5&quot;,
  &quot;@react-navigation/native&quot;: &quot;^5.7.0&quot;,
  &quot;@react-navigation/stack&quot;: &quot;^5.7.0&quot;,
  &quot;date-fns&quot;: &quot;^2.14.0&quot;,
  &quot;react&quot;: &quot;16.13.1&quot;,
  &quot;react-native&quot;: &quot;0.63.0&quot;,
  &quot;react-native-gesture-handler&quot;: &quot;^1.6.1&quot;,
  &quot;react-native-razorpay&quot;: &quot;^2.1.35&quot;,
  &quot;react-native-reanimated&quot;: &quot;^1.9.0&quot;,
  &quot;react-native-safe-area-context&quot;: &quot;^3.1.1&quot;,
  &quot;react-native-screens&quot;: &quot;^2.9.0&quot;,
  &quot;react-native-vector-icons&quot;: &quot;^7.0.0&quot;
  </code></pre>
  <p>And my <code>ActivityIndicator</code> is placed inside a screen component like this:</p>
  <pre><code>import React from 'react'
  import { View, Text, ActivityIndicator, StyleSheet, Image } from 'react-native'
     
  
  export default function Loading({navigation}) {
         
      return (
          &lt;View style={styles.container}&gt;
              &lt;Image
                  style={styles.main_logo}
                  source={require('../assets/logo.png')}
              /&gt;
              &lt;Text style={styles.loading_text}&gt;...Loading...&lt;/Text&gt;
              &lt;ActivityIndicator animating={true} size=&quot;large&quot; style={{opacity:1}}  /&gt;
              
          &lt;/View&gt;
      )
      
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: 'red'
    },
  
    main_logo : {
      width: 100,
      height: 53,
      marginBottom: 20
    },
  
    loading_text : {
        color: 'white'
    },
  
    
  })
  </code></pre>
  <p>The problem is, it doesn't show the <code>ActivityIndicator</code>. Everything else is appearing. Tested both in real mobile device (Redmi Note 7 Pro) and Android Emulator. Seems to be transparent.</p>
  <p>Any fix for this?</p>