Push notifications are an important part of modern mobile development, and can be used to keep users engaged and informed about events in your app. In this article, we&#x27;ll look at how to send push notifications in Flutter using OneSignal, a popular third-party service.

![flutter push notifications onesignal](https:&#x2F;&#x2F;devbrite.io&#x2F;media&#x2F;cover20.jpg)
## Prerequisites

Before getting started, you&#x27;ll need to have the following installed on your machine:

- Flutter SDK
- An IDE (Android Studio, Visual Studio Code, etc.)
- OneSignal account

## Creating a Flutter Project

Once you&#x27;ve installed the prerequisites, you can create a new Flutter project. Open up your terminal and type the following command:

&#96;&#96;&#96;bash
flutter create &lt;project_name&gt;
&#96;&#96;&#96;

Replace &#96;&lt;project_name&gt;&#96; with the name of your project. Once the project has been created, you can open it in your IDE of choice.

## Installing OneSignal Dependencies

We&#x27;ll be using the &#96;onesignal_flutter&#96; package to send push notifications in Flutter. To install it, open up the &#96;pubspec.yaml&#96; file and add the following line:

&#96;&#96;&#96;yaml
dependencies:
  onesignal_flutter: ^1.0.9
&#96;&#96;&#96;

Once you&#x27;ve added the dependency, you can run the following command in the terminal to install it:

&#96;&#96;&#96;bash
flutter packages get
&#96;&#96;&#96;

## Sending Push Notifications in Flutter Using OneSignal

Now that we have all of the necessary dependencies, we can start sending push notifications in Flutter using OneSignal.

First, we&#x27;ll need to configure our OneSignal account. To do this, head over to the [OneSignal dashboard](https:&#x2F;&#x2F;onesignal.com&#x2F;dashboard) and create an account. Once you&#x27;ve signed up, you&#x27;ll need to create a new app and add a platform. Choose &#96;Android&#96; as the platform and fill in the necessary details.

Next, we&#x27;ll need to add the OneSignal SDK to our Flutter project. To do this, open up the &#96;AndroidManifest.xml&#96; file and add the following lines:

&#96;&#96;&#96;xml
&lt;!-- OneSignal --&gt;
&lt;uses-permission android:name=&quot;android.permission.INTERNET&quot; &#x2F;&gt;
&lt;uses-permission android:name=&quot;android.permission.WAKE_LOCK&quot; &#x2F;&gt;
&lt;uses-permission android:name=&quot;android.permission.VIBRATE&quot; &#x2F;&gt;
&lt;application&gt;
  &lt;!-- OneSignal --&gt;
  &lt;meta-data android:name=&quot;onesignal_app_id&quot; android:value=&quot;&lt;ONESIGNAL_APP_ID&gt;&quot; &#x2F;&gt;
  &lt;meta-data android:name=&quot;onesignal_google_project_number&quot; android:value=&quot;&lt;ONESIGNAL_GOOGLE_PROJECT_NUMBER&gt;&quot; &#x2F;&gt;
&lt;&#x2F;application&gt;
&#96;&#96;&#96;

Replace &#96;&lt;ONESIGNAL_APP_ID&gt;&#96; and &#96;&lt;ONESIGNAL_GOOGLE_PROJECT_NUMBER&gt;&#96; with your OneSignal app ID and Google project number respectively.

Now, we can start sending push notifications in Flutter using OneSignal. To do this, we&#x27;ll need to initialize the OneSignal SDK in our &#96;main.dart&#96; file:

&#96;&#96;&#96;dart
import &#x27;package:onesignal_flutter&#x2F;onesignal_flutter.dart&#x27;;

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await OneSignal.shared.init(&quot;&lt;ONESIGNAL_APP_ID&gt;&quot;);
  runApp(MyApp());
}
&#96;&#96;&#96;

Replace &#96;&lt;ONESIGNAL_APP_ID&gt;&#96; with your OneSignal app ID.

Finally, we can send push notifications in Flutter using OneSignal. To do this, we&#x27;ll need to call the &#96;sendNotification&#96; method:

&#96;&#96;&#96;dart
await OneSignal.shared.sendNotification(
  OSNotification(
    title: &#x27;Hello World!&#x27;,
    body: &#x27;This is a test notification&#x27;,
    contentAvailable: true
  )
);
&#96;&#96;&#96;

This will send a push notification with the title &#96;Hello World!&#96; and the body &#96;This is a test notification&#96;.

## Conclusion

In this article, we looked at how to send push notifications in Flutter using OneSignal. We installed the necessary dependencies, configured our OneSignal account, and sent a test notification. With the help of OneSignal, you can easily send push notifications in Flutter and keep users engaged and informed.

Push Notifications in Flutter Using OneSignal

About

Legal

Products

Resources

Category: