112 lines
No EOL
3.3 KiB
JavaScript
112 lines
No EOL
3.3 KiB
JavaScript
|
|
import { useState, useEffect, useRef } from 'react';
|
|
import { Platform } from 'react-native';
|
|
import * as Device from 'expo-device';
|
|
import * as Notifications from 'expo-notifications';
|
|
import Constants from 'expo-constants';
|
|
|
|
Notifications.setNotificationHandler({
|
|
handleNotification: async () => ({
|
|
shouldShowAlert: true,
|
|
shouldPlaySound: false,
|
|
shouldSetBadge: false,
|
|
}),
|
|
});
|
|
|
|
const schedulePushNotification = async (title, body, dataObj) => {
|
|
await Notifications.scheduleNotificationAsync({
|
|
content: {
|
|
title,
|
|
body,
|
|
data: { data: dataObj },
|
|
},
|
|
trigger: {
|
|
type: Notifications.SchedulableTriggerInputTypes.TIME_INTERVAL,
|
|
seconds: 2,
|
|
},
|
|
});
|
|
}
|
|
|
|
const registerForPushNotificationsAsync = async () => {
|
|
let token;
|
|
|
|
if (Platform.OS === 'android') {
|
|
await Notifications.setNotificationChannelAsync('myNotificationChannel', {
|
|
name: 'A channel is needed for the permissions prompt to appear',
|
|
importance: Notifications.AndroidImportance.MAX,
|
|
vibrationPattern: [0, 250, 250, 250],
|
|
lightColor: '#FF231F7C',
|
|
});
|
|
}
|
|
|
|
// if (Device.isDevice) {
|
|
const { status: existingStatus } = await Notifications.getPermissionsAsync();
|
|
let finalStatus = existingStatus;
|
|
if (existingStatus !== 'granted') {
|
|
const { status } = await Notifications.requestPermissionsAsync();
|
|
finalStatus = status;
|
|
}
|
|
if (finalStatus !== 'granted') {
|
|
alert('Failed to get push token for push notification!');
|
|
return;
|
|
}
|
|
// Learn more about projectId:
|
|
// https://docs.expo.dev/push-notifications/push-notifications-setup/#configure-projectid
|
|
// EAS projectId is used here.
|
|
try {
|
|
const projectId =
|
|
Constants?.expoConfig?.extra?.eas?.projectId ?? Constants?.easConfig?.projectId;
|
|
if (!projectId) {
|
|
throw new Error('Project ID not found');
|
|
}
|
|
token = (
|
|
await Notifications.getExpoPushTokenAsync({
|
|
projectId,
|
|
})
|
|
).data;
|
|
} catch (e) {
|
|
token = `${e}`;
|
|
}
|
|
// } else {
|
|
// alert('Must use physical device for Push Notifications');
|
|
// }
|
|
|
|
return token;
|
|
}
|
|
|
|
export const useNotifications = () => {
|
|
const [expoPushToken, setExpoPushToken] = useState('');
|
|
const [channels, setChannels] = useState([]);
|
|
const [notification, setNotification] = useState(undefined);
|
|
const notificationListener = useRef();
|
|
const responseListener = useRef();
|
|
|
|
useEffect(() => {
|
|
registerForPushNotificationsAsync().then(token => token && setExpoPushToken(token));
|
|
|
|
if (Platform.OS === 'android') {
|
|
Notifications.getNotificationChannelsAsync().then(value => setChannels(value ?? []));
|
|
}
|
|
notificationListener.current = Notifications.addNotificationReceivedListener(notification => {
|
|
setNotification(notification);
|
|
});
|
|
|
|
responseListener.current = Notifications.addNotificationResponseReceivedListener(response => {
|
|
console.log(response);
|
|
});
|
|
|
|
return () => {
|
|
notificationListener.current?.remove();
|
|
responseListener.current?.remove();
|
|
};
|
|
}, []);
|
|
|
|
return ({
|
|
schedulePushNotification: async (title, body, dataObj) => {
|
|
await schedulePushNotification(title, body, dataObj);
|
|
},
|
|
expoPushToken,
|
|
expoNotificationChannels: channels,
|
|
expoNotification: notification,
|
|
});
|
|
} |