Awesome Open Source
Awesome Open Source


Notifee - React Native


A feature rich Android & iOS notifications library for React Native.

> Learn More

Installation

yarn add @notifee/react-native

Documentation

Android

The APIs for Android allow for creating rich, styled and highly interactive notifications. Below you'll find guides that cover the supported Android features.

Topic
Appearance Change the appearance of a notification; icons, colors, visibility etc.
Behaviour Customize how a notification behaves when it is delivered to a device; sound, vibration, lights etc.
Channels & Groups Organize your notifications into channels & groups to allow users to control how notifications are handled on their device
Foreground Service Long running background tasks can take advantage of a Android Foreground Services to display an on-going, prominent notification.
Grouping & Sorting Group and sort related notifications in a single notification pane.
Interaction Allow users to interact with your application directly from the notification with actions.
Progress Indicators Show users a progress indicator of an on-going background task, and learn how to keep it updated.
Styles Style notifications to show richer content, such as expandable images/text, or message conversations.
Timers Display counting timers on your notification, useful for on-going tasks such as a phone call, or event time remaining.

iOS

Below you'll find guides that cover the supported iOS features.

Topic
Appearance Change now the notification is displayed to your users.
Behaviour Control how notifications behave when they are displayed to a device; sound, crtitial alerts etc.
Categories Create & assign categories to notifications.
Interaction Handle user interaction with your notifications.
Permissions Request permission from your application users to display notifications.

Jest Testing

To run jest tests after integrating this module, you will need to mock out the native parts of Notifee or you will get an error that looks like:

 ● Test suite failed to run

    Notifee native module not found.

      59 |     this._nativeModule = NativeModules[this._moduleConfig.nativeModuleName];
      60 |     if (this._nativeModule == null) {
    > 61 |       throw new Error('Notifee native module not found.');
         |             ^
      62 |     }
      63 |
      64 |     return this._nativeModule;

We distribute a generic mock file you may use so that your jest tests will work successfully.

In your Jest config file, add an entry to the setupFilesAfterEnv array, perhaps like so if you use the jest.config.js configuration style:

module.exports = {
  // ... other directives
  setupFilesAfterEnv: [
    'node_modules/@notifee/react-native/jest-mock.js'
  ],
  // ... other directives
}

License


Built and maintained with 💛 by Invertase.



Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
typescript (11,175
android (6,272
ios (3,572
react-native (1,514
notifications (299
fcm (38
onesignal (17