BUILT FOR REACT NATIVE
React Native Push Notifications
Build React Native push notifications into your app with Tencent RTC Push. Register devices, handle notification taps, and connect each update to a useful destination.
DEVELOPER RESOURCES
React Native Push Developer Resources
Integration Guides
Configure your React Native project and test devices.
SDK & Testing
Configure your test devices and follow the official SDK guide.
A class booked in your app
Connect React Native push notifications to fitness bookings, with one JavaScript integration and platform-specific delivery configuration.
A new session to come back for
Send React Native push notifications for subscribed classes. Your app controls audience rules, scheduling, and the destination.
REACT NATIVE PUSH CAPABILITIES
Built around the notification lifecycle
Device registration
- Connect a push recipient
- Handle setup errors
Notification callbacks
- Respond to a notification tap
- Route inside your own app
Platform delivery
- Configure native channels
- Test permission and app states
Register, receive, and respond
Registration, click handling, and recipient lookup. Focused snippets from the official SDK APIs.
Register a test device
Connect react native push notifications after your platform setup and permission flow.
Read the Documentationimport Push from '@tencentcloud/react-native-push';
Push.registerPush(
SDKAppID, pushClientKey,
() => { /* Registration completed. */ },
(code, message) => { /* Handle registration errors. */ },
);Open the right screen
Validate the notification payload and check account access before routing.
Read the DocumentationPush.addPushListener(
Push.EVENT.NOTIFICATION_CLICKED,
(payload) => {
// Validate the payload before navigating in your app.
},
);Retrieve the registration ID
Use the registered recipient for a controlled console or server test.
Read the DocumentationPush.getRegistrationID((registrationID) => {
// Associate this recipient with your authenticated backend.
});CUSTOMIZATION
Make every notification feel at home
Keep preferences and destination screens in your own application.
Let people choose useful updates
Connect react native push notifications to the interests and preferences maintained by your app.
Read the DocumentationContinue in your application
Design the booking, product, or activity screen that opens after a notification tap.
Read the DocumentationGET STARTED
Your first notification, step by step
- 01
- 02
- 03
Send your first notification
Configure delivery credentials, register a test device, and verify notification taps in foreground and background states.
Configure Push Credentials
npm install @tencentcloud/react-native-push --saveimport Push from '@tencentcloud/react-native-push';
Push.registerPush(
SDKAppID, pushClientKey,
() => { /* Registration completed. */ },
(code, message) => { /* Handle registration errors. */ },
);React Native Push Notifications FAQs
How do I add React Native push notifications to my app?
Configure the native Android application class and iOS project as described in the guide. JavaScript installation alone does not configure APNs, Android channels, or device permissions.
Are these snippets a complete application?
These are focused integration excerpts. Add the package imports, native project configuration, lifecycle handling, and error behavior from the complete guide. VERSION denotes a release you select, not a literal package version.
Can notifications arrive when the app is closed?
Supported offline channels can deliver notifications, subject to operating system policies, permission, network conditions, and device settings. Test the exact devices and app states you support.
How are React Native push notifications sent to the right user?
Register the device, retrieve its registration ID, and maintain the recipient-account association in your backend. Refresh associations when the user changes and validate access when opening the destination.
What do React Native push notifications cost?
App Push offers a free plan and paid plans with different included MAU, queues, and features. Review the current plan and overage rules before selecting a production package.
How do I integrate React Native push notifications with React Native?
Install the documented package and native dependencies, then rebuild your native app. Verify permissions, lifecycle and native callbacks rather than assuming a JavaScript-only runtime.
How do I test React Native push notifications before releasing my app?
Test recipient registration and notification click callbacks across foreground, background and terminated states.
How do I customize the interface for React Native push notifications?
Handle the documented notification payload and click callback. Your app validates destination access and controls the screen it opens.
React Native Push Integration Support
Talk about your application
Discuss your product, expected usage, and integration needs.
Contact SalesBuild your next update with react native push notifications
Start with a test device. Connect your real application events when the integration is ready.

