[REACT NATIVE] Activity Indicator Overlay

Activity Indicator.js

this.state = {
  animating: false,
};

_startLoading = (bool) => new Promise((resolve) => {
  this.setState({animating: bool});
  resolve(bool);
})

<View
  style = {styles.loadingContainer} >
  <ActivityIndicator
    animating = {true}
    style = {{  padding: 20,
                backgroundColor: 'rgba(0, 0, 0, 0.8)',
                borderRadius: 10,
                opacity: this.state.animating ? 1.0 : 0.0, }}
    color = 'yellow'
    size = { 70 } />
</View>

const styles = StyleSheet.create({
  loadingContainer: {
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
    justifyContent: 'center',
    alignItems: 'center',
  },
});