Let's start by implementing a modal view that's displayed as the result of the user successfully performing an action. Here's the Modal component, which is used to show the user a success confirmation:
import React from "react";
import PropTypes from "prop-types";
import { View, Text, Modal } from "react-native";
import styles from "./styles";
export default function ConfirmationModal(props) {
return (
<Modal {...props}>
<View style={styles.modalContainer}>
<View style={styles.modalInner}>
<Text style={styles.modalText}>Dude, srsly?</Text>
<Text style={styles.modalButton} onPress={props.onPressConfirm}>
Yep
</Text>
<Text style={styles.modalButton} onPress={props.onPressCancel}>
Nope
</Text>
</View>
</View>
</Modal>
);
}
ConfirmationModal...