Basic implementation

makeNotification.js

import React from "react";
import PropTypes from "prop-types";
import { StyleSheet, TouchableOpacity, Text } from "react-native";
import { FontAwesome } from "@expo/vector-icons";

const ICON_SQUARE_SIZE = 100;

// 'makeNotification' is a HOC
export const makeNotification = (
  // these values depend on notification type
  iconName,
  colorPrimary,
  colorAccent
) => {
  const NotificationBase = props => {
    const { title, message, onClosePress } = props;
    return (
      <TouchableOpacity
        style={[styles.mainContainer, { backgroundColor: colorPrimary }]}
        onPress={onClosePress}
      >
        <FontAwesome
          style={styles.icon}
          name={iconName}
          size={ICON_SQUARE_SIZE}
          color={colorAccent}
        />
        <Text style={[styles.title, { color: colorAccent }]}>{title}</Text>
        <Text style={[styles.message, { color: colorAccent }]}>{message}</Text>
      </TouchableOpacity>
    );
  };
  NotificationBase.propTypes = {
    title: PropTypes.string.isRequired,
    message: PropTypes.string.isRequired,
    onClosePress: PropTypes.func
  };
  // 'NotificationBase' is returned from the HOC
  return NotificationBase;
};