React Native Course (free lesson): https://codewithbeto.dev/rnCourse/expoNotificationsExtension

Learn how to add image support to iOS push notifications in your Expo app using a Notification Service Extension. Android handles images out of the box, but iOS needs extra setup — this video walks you through the entire process using expo-apple-targets and Continuous Native Generation.

🔔 Quick Push (test push notifications): https://apple.co/4tvT4wF

📬 Newsletter: https://cwb.sh/newsletter?r=yt
💬 Join the Discord community: https://cwb.sh/discord

For other ways to support my work, please consider:
- Become a Code with Beto channel member: https://cwb.sh/join
- GitHub Sponsors: https://github.com/sponsors/betomoedano

🐦 Follow Beto on X: https://x.com/betomoedano
💼 LinkedIn: https://www.linkedin.com/in/betomoedano
💻 GitHub: https://github.com/betomoedano
📸 Instagram: https://www.instagram.com/codewithbeto
🎵 TikTok: https://www.tiktok.com/@codewithbeto
🧵 Threads: https://www.threads.com/@codewithbeto
🦋 Bluesky: https://bsky.app/profile/codewithbeto.dev

⌚️ Timestamps ⌚️
00:00 Intro
00:30 Welcome & what we're building
00:46 Demo – Android vs iOS notifications
01:47 Setting up expo-apple-targets
02:41 Configuring app.config.ts
03:04 Creating the notification service target
03:17 Exploring the generated files
03:46 Prebuild & open in Xcode
04:00 Signing & Xcode setup
04:23 Copying the Swift extension code
05:07 App config – Apple Team ID
05:34 Using Expo Server SDK with image support
05:58 Final demo – rich notifications working
06:29 Wrap up

#ReactNative #Expo #PushNotifications

Code with Beto

A tutorial on implementing rich push notifications with image support on iOS using Expo. Since Android supports images out of the box, the focus is on adding a notification service extension for iOS using the `expo-apple-targets` package by Evan Bacon. The process involves running `npx create-target`, selecting the notification service target, replacing the generated Swift file with one from a reference pull request, running `expo prebuild`, and signing the extension in Xcode. Also covers updating the Expo Server SDK to support the `richContentImage` field when sending notifications from a Node server.

How to Add Rich Push Notifications in Expo (iOS Images)