Skip to content

Rewrite Notifications #295

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Apr 4, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 0 additions & 4 deletions docs/ff-concepts/alerts-notification/_category_.json

This file was deleted.

298 changes: 0 additions & 298 deletions docs/ff-concepts/alerts-notification/push-notifications.md

This file was deleted.

4 changes: 4 additions & 0 deletions docs/ff-concepts/alerts/_category_.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"label": "Alerts",
"position": 8
}
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Alert Dialog
slug: /concepts/alerts-notification/alert-dialog
slug: /concepts/alerts/alert-dialog
sidebar_position: 0
tags: [Actions, Alerts & Notifications]
keywords: [FlutterFlow, Actions, Alerts & Notifications, Alert Dialog]
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Dismiss Custom Dialog
slug: /concepts/alerts-notification/dismiss-custom-dialog
slug: /concepts/alerts/dismiss-custom-dialog
sidebar_position: 1
tags: [Actions, Alerts & Notifications]
keywords: [FlutterFlow, Actions, Alerts & Notifications, Dismiss Custom Dialog]
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Haptic Feedback
slug: /concepts/alerts-notification/haptic-feedback
slug: /concepts/alerts/haptic-feedback
sidebar_position: 4
tags: [Actions, Alerts & Notifications]
keywords: [FlutterFlow, Actions, Alerts & Notifications, Haptic Feedback]
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ It enhances accessibility by allowing users to interact without relying solely o

## Haptic Feedback

Using [Haptic Feedback](../alerts-notification/haptic-feedback.md), you can vibrate the user's device, which is particularly helpful for users with visual or cognitive impairments. It provides a tactile response to indicate that an action has been completed.
Using [Haptic Feedback](../alerts/haptic-feedback.md), you can vibrate the user's device, which is particularly helpful for users with visual or cognitive impairments. It provides a tactile response to indicate that an action has been completed.

For example, vibrating the user's device when successfully submitting a form.

Expand Down
4 changes: 4 additions & 0 deletions docs/ff-concepts/notifications/_category_.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"label": "Notifications",
"position": 9
}
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
26 changes: 26 additions & 0 deletions docs/ff-concepts/notifications/notifications.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
---
slug: /concepts/notifications
title: Notifications
description: Learn how to add notifications in FlutterFlow.
tags: [Notifications, Concepts]
sidebar_position: 0
keywords: [FlutterFlow, Notifications, Concepts]
---

# Notifications

**Notifications** are alerts or messages that appear on a user's device outside the normal UI flow of an app. They can inform the user of time-sensitive or high-priority messages, events, or actions that require attention. Notifications may appear as banners, alerts, pop-ups, or lock-screen notifications, depending on user preferences and platform design guidelines.

Notifications enhance your app by increasing user engagement and delivering critical information in real time. Whether it’s an urgent alert or a gentle nudge, these timely messages:

- **Prompt User Action**: Remind users to perform tasks or revisit the app, ensuring higher retention and conversion.
- **Foster Engagement**: Encourage ongoing interaction through updates, promotions, or new content notifications.
- **Deliver Value**: Provide relevant insights—such as location-specific alerts or personalized reminders—at the right moment.

## Types of Notifications

Generally, notifications can be divided into two main categories: **Local Notifications** and **Push (remote) Notifications**.

**Local Notifications** are scheduled directly on the device and do not require a server component. They are commonly used for time-based reminders or location-based triggers, such as a daily workout reminder at 7:00 AM. To implement local notifications in FlutterFlow, you can integrate the [flutter_local_notifications](https://pub.dev/packages/flutter_local_notifications) package using [custom actions](../../ff-concepts/adding-customization/custom-actions.md).

**[Push Notifications](push-notifications.md)**, on the other hand, are delivered from a remote server through a platform-specific push notification service. They are primarily used for real-time updates, such as chat messages, social media alerts, or news updates. In FlutterFlow, [Firebase Cloud Messaging](https://firebase.google.com/docs/cloud-messaging) (FCM) is used to handle push notifications, enabling seamless communication between your app and users.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: OneSignal
slug: /concepts/alerts-notification/one-signal
sidebar_position: 3
slug: /concepts/notifications/one-signal
sidebar_position: 2
tags: [Actions, Alerts & Notifications, Integration]
keywords: [FlutterFlow, Actions, Alerts & Notifications, OneSignal]
---
Expand Down Expand Up @@ -50,7 +50,7 @@ To enable OneSignal in FlutterFlow:
2. Switch on the **Enable OneSignal** toggle.

3. Gather your credentials:
- *App ID**: Find this in your OneSignal dashboard under **Settings > Keys & IDs >
- **App ID**: Find this in your OneSignal dashboard under **Settings > Keys & IDs >
OneSignal App ID**.
- **API Key**: Located in the same section as the App ID, under **Rest API Key**.
- **User Key**: Go to your user profile icon, then **Account & API Keys > User Auth Key**.
Expand Down
Loading