react-native-push

Name: react-native-push
Availability: InStock
Author: planeinabottle

1|Updated Aug 26, 2025

Search Tags:#supabase #react-native #expo #expo-notifications #push-notifications #android-channels

Ready to run

npx skills add https://github.com/PlaneInABottle/configs --skill react-native-push

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-native-push
Source: https://github.com/PlaneInABottle/configs/tree/main/agents/.agents/skills/react-native-push
Command: npx skills add https://github.com/PlaneInABottle/configs --skill react-native-push

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Push notifications are essential for user engagement but configuring Expo push, device tokens, backend storage, and Android channels in a React Native app can be error-prone and hard to coordinate.

Core Features & Use Cases

Token registration and secure storage in the backend to enable targeted delivery.
Foreground handling and notification taps to navigate users to the correct screen.
Android notification channel setup and cross-platform payload compatibility for consistent delivery.
Testing and delivery verification via Expo tools and backend edge functions.

Quick Start

Configure Expo push notifications in your React Native app and test delivery to a registered device.

Frequently Asked Questions about react-native-push

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I set up push notifications in a React Native app with Expo and Supabase?▼

Push notifications in React Native require configuring Expo for token registration, setting up a Supabase backend to store push tokens, and deploying an edge function to dispatch messages to registered devices.

What do I need to configure before sending Expo push notifications to Android devices?▼

Sending Expo push notifications to Android requires setting up Android notification channels for consistent delivery, ensuring cross-platform payload compatibility, and installing the expo-notifications and expo-device packages.

How do I register and store Expo push tokens in Supabase for targeted delivery?▼

To register Expo push tokens, your React Native app retrieves the device token using expo-notifications and securely stores it in a Supabase backend push_tokens table, enabling targeted message delivery via edge functions.

Can I handle notification taps in React Native to navigate users to specific screens?▼

Handling notification taps in React Native involves configuring foreground notification listeners and tap response receivers to capture incoming payload data and navigate users to the correct application screen.

What's the best way to test push notification delivery in an Expo app?▼

Testing push notification delivery in an Expo app utilizes Expo's built-in testing tools alongside backend edge functions to verify successful message dispatch to a registered physical device.

Why are my Expo push notifications not being delivered to Android users?▼

Failed Expo push notification delivery on Android often results from missing Android channel configuration, incompatible cross-platform payloads, or unregistered device tokens failing to reach the Supabase backend.