Instructions for adding the OneSignal Flutter SDK to your Flutterflow app for iOS and Android
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.
YOUR_APP_ID
with your OneSignal App ID found in your OneSignal dashboard Settings > Keys & IDs.
onesignal
action that has just been created.
ios
folder of your downloaded project.flutter build ios
and press enter. Wait for the build to complete, this may take some time depending on the size of your project.pod install
and press enter. Wait for the pod install to complete..xcworkspace
file in Xcode located your project’s ios folder.
Select the root project > your main app target > Signing & Capabilities.
If you do not see Push Notifications enabled, click + Capability and add Push Notifications. Ensure that you enter the correct details for your Team and Bundle Identifier.
OneSignalNotificationServiceExtension
and press Finish.
By canceling, you keep debugging your app instead of the extension you just created. If you activated by accident, you can switch back to debug your app target near the middle-top next to the device selector.
This should be the same value as your Main Application Target.
group.YOUR_BUNDLE_IDENTIFIER.onesignal
where YOUR_BUNDLE_IDENTIFIER
is the same as your Main Application “Bundle Identifier”.
group.YOUR_BUNDLE_IDENTIFIER.onesignal
where YOUR_BUNDLE_IDENTIFIER
is the same as your Main Application “Bundle Identifier”.
DO NOT INCLUDE OneSignalNotificationServiceExtension
.
Do not include OneSignalNotificationServiceExtension
Optional instructions to setup custom App Group Name
group.{your_bundle_id}.onesignal
).Open your Info.plist
file and add a new OneSignal_app_groups_key
as a String
type.Enter the group name you checked in the last step as it’s value.Make sure to do the same for the Info.plist
under the OneSignalNotificationServiceExtension
folder.ios/Podfile
to include:
Podfile
make sure you have platform :ios, '11.0'
. - Or a newer iOS version if your app requires it.
cd
to the ios
directory, and run pod install
.
If you see the error below, add use_frameworks!
to the top of your podfile and try again.
NotificationService.m
or NotificationService.swift
file.
Replace the whole file’s contents with the following code.
Example of the NotificationService.swift file.
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.).