Step-by-step guide for integrating the OneSignal React Native & Expo SDK into your iOS, Android, and derivative apps like Amazon using Expo SDK 48+ and EAS Build.
Step-by-step instructions for configuring your OneSignal app.
Create or select your app
Example shows creating a new app.
Set up and activate a platform
Example setting up your first OneSignal app, org, and channel.
Configure platform credentials
Choose target SDK
Select which SDK you are using to be navigated to the docs.
Install SDK and save your App ID
Save your App ID and invite additional team members.
react-native-onesignal
package to your project.
app.json
(or app.config.js
). In the plugins
array, you should see "onesignal-expo-plugin"
. Configure the desired plugin props:
[onesignal-expo-plugin]
to the front of the plugins array. It should be the first plugin in the array. This will prevent the OneSignal/OneSignal.h file not found
error.Additional plugin props.
Prop | Required | Description |
---|---|---|
mode | β | Configures the APNs environment entitlement. Use "development" for testing and switch to "production" for TestFlight and App Store builds. |
devTeam | β | Your Apple Team ID, found by running expo credentials:manager (e.g., "91SW8A37CR" ). |
iPhoneDeploymentTarget | β | Sets the minimum iOS version your app supports. Should match the value in your Podfile (e.g., "15.0" ). |
smallIcons | β | Array of paths to Android small notification icons (white, transparent, 96x96px). These images will be auto-scaled. Example: ["./assets/ic_stat_onesignal_default.png"] |
largeIcons | β | Array of paths to Android large notification icons (white, transparent, 256x256px). Example: ["./assets/ic_onesignal_large_icon_default.png"] |
smallIconAccentColor | β | Hex color value used as the Android notification icon accent color. Example: "#FF0000" |
iosNSEFilePath | β | Path to your custom iOS Notification Service Extension file in Objective-C. Example: "./assets/NotificationService.m" |
App.tsx
or App.js
file initialize OneSignal with the provided methods.Replace YOUR_APP_ID
with your OneSignal App ID found in your OneSignal dashboard Settings > Keys & IDs.Cycle Inside... building could produce unreliable results.
.xcworkspace
folder in Xcode and navigate to your app target > Build Phases.Correct order of Build Phases in Xcode.
Uncheck Copy only when installing.
PBXGroup Error
PBXGroup
attempted to initialize an object with unknown ISA PBXFileSystemSynchronizedRootGroup
from attributes: {"isa"=>"...", "exceptions"=>["//", "..."], "explicitFileTypes"=>{}, "explicitFolders"=>[], "path"=>"OneSignalNotificationServiceExtension", "sourceTree"=>"<group>"}
Path error for PBXGroup.
Convert folder to group.
Launch your app on a test device.
requestPermission
method during initialization.iOS and Android push permission prompts
Check your OneSignal dashboard
Dashboard showing subscription with 'Never Subscribed' status
Return to the app and tap Allow on the prompt.
Refresh the OneSignal dashboard Subscription's page.
Dashboard showing subscription with 'Subscribed' status
Add to Test Subscriptions.
Adding a device to Test Subscriptions
Name your subscription.
Dashboard showing the 'Name your subscription' field
Create a test users segment.
Name the segment.
Test Users
(the name is important because it will be used later).Add the Test Users filter and click Create Segment.
Creating a 'Test Users' segment with the Test Users filter
Get your App API Key and App ID.
Update the provided code.
YOUR_APP_API_KEY
and YOUR_APP_ID
in the code below with your actual keys. This code uses the Test Users
segment we created earlier.Run the code.
Check images and confirmed delivery.
Push notification with image on iOS and Android
Check for confirmed delivery.
Delivery stats showing confirmed delivery
Confirmed delivery at the device level in Audience Activity
.txt
file. Then share both with support@onesignal.com
.Close or background your app on the device.
Create an in-app message.
Targeting the 'Test Users' segment with an in-app message
Customize the message content if desired.
Example customization of in-app Welcome message
Set Trigger to 'On app open'.
Schedule frequency.
In-app message scheduling options
Make message live.
Open the app and see the message.
Welcome in-app message shown on devices
Test Users
segment?
support@onesignal.com
and we will help investigate whatβs going on.login
method each time they are identified by your app.
username
, role
, or preferences) and events (like purchase_date
, game_level
, or user interactions). Tags power advanced Message Personalization and Segmentation allowing for more advanced use cases.
Set tags with our SDK addTag
and addTags
methods as events occur in your app.
In this example, the user reached level 6 identifiable by the tag called current_level
set to a value of 6
.
A user profile in OneSignal with a tag called "current_level" set to "6"
Segment editor showing a segment targeting users with a current_level value of greater than 4 and less than 10
Screenshot showing a push notification targeting the Level 5-10 segment with a personalized message
The push notification is received on an iOS and Android device with the personalized content
addEmail
method to create email subscriptions.addSms
method to create SMS subscriptions.A user profile with push, email, and SMS subscriptions unified by External ID
setConsentRequired(true)
: Prevents data collection until consent is given.setConsentGiven(true)
: Enables data collection once consent is granted.requestPermission()
immediately on app open, take a more strategic approach. Use an in-app message to explain the value of push notifications before requesting permission.
For best practices and implementation details, see our Prompt for push permissions guide.
addClickListener()
: Detect when a notification is tapped. Helpful for Deep Linking.addForegroundLifecycleListener()
: Control how notifications behave in foreground.addObserver()
for user state: Detect when the External ID is set.addPermissionObserver()
: Track the userβs specific interaction with the native push permission prompt.addObserver()
for push subscription: Track when the push subscription status changes.addClickListener()
: Handle in-app click actions. Ideal for deep linking or tracking events.addLifecycleListener()
: Track full lifecycle of in-app messages (shown, clicked, dismissed, etc.).support@onesignal.com
Please include: