Activity modals

In this final section of this chapter, you'll implement a modal that shows a progress indicator. The idea is to display the modal and then hide it when the promise resolves. Here's the code for the generic Activity component, which shows a modal with ActivityIndicator:

import React from "react";
import { View, Modal, ActivityIndicator } from 
  "react-native";
import styles from "./styles";
export default function Activity(props) {
  return (
    <Modal visible={props.visible} transparent>
      <View style={styles.modalContainer}>
        <ActivityIndicator size={props.size} />
      </View>
    </Modal>
  );
}
Activity.defaultProps = {
  visible: false,
  size: "large",
};

You might be tempted...