expo useNotification

demo.tsx

import * as React from "react";
import { TouchableOpacity, Text } from "react-native";
import { Notifications } from "expo"
import { useNotification } from "./useNotification";

const sendNotification = async () => await Notifications.presentLocalNotificationAsync(
  {
    title: "Notified!",
    body: "Hello, World!",
    data: {}
  }
);

const DemoComponent: React.FC<{}> = () => {
  const [notification] = useNotification();
  return (
    <>
      <Text>
        Notification Source: { notification?.origin ?? "No Notification" }
      </Text>
      <TouchableOpacity onPress={async () => await sendNotification()}>
        <Text>SEND NOTIFICATION</Text>
      </TouchableOpacity>
    </>
  );
};
  
export default DemoComponent;

useNotification.tsx

import { useEffect, useState } from "react";
import { Notifications } from "expo";
import { Notification } from "expo/build/Notifications/Notifications.types";

type TSetNotification = [
  Notification,
  (notification: Notification) => void
]

export const useNotification = (): TSetNotification => {
  const [notification, setNotification]: TSetNotification  = useState(null);

  function onNotification(notification: Notification): void {
    setNotification(notification)
  }

  function addListener(): void {
    Notifications.addListener((notification: Notification) => onNotification(notification))
  }

  useEffect(() => addListener(), []);
  return [notification, setNotification];
};