Summary - Push notifications

Combine token, local and remote notifications to write a notification system.

Summary - Notifications

In this group you learned to install the expo-notifications package, get a push token, schedule a local notification, send a remote notification from the server and listen to notification events. Notifications are a powerful channel that reaches the user even when the app is closed.

In the summary we will combine three pieces: token registration, local notification scheduling and event listener setup. Together they form a real notification flow. Let us now merge them in a single app.

Exercise Schedule a reminder

Complete the scheduleReminder function. Call Notifications.scheduleNotificationAsync. Pass content: {{ title: 'Reminder', body: 'Time is up', data: {{ taskId: 42 }} }} and trigger: {{ seconds: 30 }}. Await the call.

Show example solution

await Notifications.scheduleNotificationAsync({
  content: { title: 'Reminder', body: 'Time is up', data: { taskId: 42 } },
  trigger: { seconds: 30 },
});

Exercise Set up a listener in useEffect

Complete the empty useEffect. Set up a response listener with const sub = Notifications.addNotificationResponseReceivedListener((response) => console.log(response.notification.request.content.data)). Clean it up with return () => sub.remove();. Use an empty dependency array [].

Show example solution

const sub = Notifications.addNotificationResponseReceivedListener((response) => {
  console.log(response.notification.request.content.data);
});
return () => sub.remove();

Test yourself

Write the token function

const token = await Notifications.____({ projectId: 'my-project' });

Show answer

const token = await Notifications.getExpoPushTokenAsync({ projectId: 'my-project' });

Match each flow part to its role

getExpoPushTokenAsync

Gets the token
scheduleNotificationAsync

Schedules a local
addNotificationReceivedListener

Listens to events
sub.remove()

Removes the listener

Next lesson: expo-camera

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies