Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-notificated

TheWidlarzGroup4.4kMIT0.1.7TypeScript support: included

React Native toast notifications for iOS and Android

react-native, ios, android, react native, push notifications, notifications, react native notifications, react native toast, toast notifications

readme

react-native-notificated

Blazingly super fast ⚡️ React Native toast notifications

react-native-notificated

Build status - typescript compile License badge
Latest, released version
Date of latest commit Number of contributors

🏹 Requirements

  • react-native >= 0.62.0
  • reanimated >= 2
  • react-native-gesture-handler >= 1.10.3
  • typescript >= 4.1.0 (if you use TypeScript)
  • expo >= 41 (if you use Expo)

🚀 Installation

yarn add react-native-notificated

🔥 New Architecture

React-native-notificated is fully compatible with React new architecture on both Android and iOS.

📖 Documentation

Check the docs here Click

🎯 Usage

Features of this library have been presented at App.js 2022 conference. Find out why react-native-notificated is the only in-app notitication library that you'll ever need HERE

🛸 Dependencies

This library needs these dependencies to be installed in your project before you can use it:

yarn add react-native-reanimated react-native-gesture-handler

react-native-reanimated requires additional installations steps: guide here 👈

react-native-gesture-handler requires additional installations steps: guide here 👈

Example

Android Emulator iOS Simulator

💪🏽 Uses

🥂 Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

🏢 Built with ♥️ and ⌨️ at TheWidlarzGroup

Built at TheWidlarzGroup - the group of React Native Developers and Designers who has built this project for you. If you like it -> give it a star!

E-mail if you have any questions or just want to talk hello@thewidlarzgroup.com

🏢 License

The MIT License See LICENSE for more information.

changelog

Changelog

All notable changes to this project will be documented in this file. Dates are displayed in UTC.

Generated by auto-changelog.

v0.1.6

  • chore(deps): bump ws from 7.5.7 to 7.5.10 in /docs #270
  • chore(deps): bump braces from 3.0.2 to 3.0.3 in /docs #271
  • chore(deps): bump tar from 6.1.11 to 6.2.1 in /example-expo #263
  • fix: split useStatusBarHeightDetector hook into web and native flavors #266

v0.1.5

10 April 2024

  • chore(deps): bump ip from 1.1.5 to 1.1.9 #254
  • chore(deps): bump ip from 1.1.8 to 1.1.9 in /example-expo #255
  • chore(deps): bump ip from 1.1.8 to 1.1.9 in /example #256
  • chore(deps): bump follow-redirects from 1.15.0 to 1.15.6 in /docs #257
  • chore(deps): bump webpack-dev-middleware from 5.3.3 to 5.3.4 in /docs #259
  • chore(deps): bump express from 4.18.1 to 4.19.2 in /docs #260
  • fix: no children prop (types) - followup #262
  • docs: updates #261
  • fixed: no children prop (types) #258
  • fix: issues with justifing elements (notifiaction is not centered) #253
  • chore: release 0.1.5 08f9b95

v0.1.4

30 November 2023

  • fix: update peerDependencies for react-native-notificated (support v2.14 and v3) #246
  • fix: destructure animationConfig inside updater function of useAnimatedStyles throws error in reanimated v3 #247
  • chore: release 0.1.4 09ab8de
    • update changelog manually (auto-changelog with small bugs) 642bfdd

v0.1.3

21 November 2023

  • chore: add required branch to release it config #244
  • fix: bump buildscript sdk versions and build tool version for examples #243
  • fix: notification's shadow artifacts on Android (use needsOffscreenAlphaCompositing={true}) #225
  • chore(deps): bump tough-cookie from 4.0.0 to 4.1.3 #242
  • chore(deps): bump semver from 5.7.1 to 5.7.2 in /example #241
  • chore(deps): bump semver from 5.7.1 to 5.7.2 #240
  • chore(deps): bump semver from 5.7.1 to 5.7.2 in /docs #239
  • chore(deps): bump @babel/traverse from 7.18.8 to 7.23.4 in /example-expo #232
  • chore(deps): bump react-devtools-core from 4.27.8 to 4.28.5 in /example #228
  • chore(deps): bump react-devtools-core from 4.27.1 to 4.28.5 #229
  • chore(deps): bump semver from 5.7.1 to 5.7.2 in /example-expo #238
  • chore(deps): bump word-wrap from 1.2.3 to 1.2.5 in /example #237
  • chore(deps): bump postcss from 8.4.14 to 8.4.31 in /docs #231
  • chore(deps): bump @babel/traverse from 7.18.2 to 7.23.4 in /docs #230
  • chore(deps): bump @babel/traverse from 7.16.7 to 7.23.4 #233
  • chore(deps): bump @babel/traverse from 7.22.5 to 7.23.4 in /example #234
  • chore(deps): bump react-devtools-core from 4.24.7 to 4.28.5 in /example-expo #235
  • chore(deps): bump word-wrap from 1.2.3 to 1.2.5 #236
  • chore(deps): bump webpack from 5.75.0 to 5.76.1 in /docs #203
  • chore(deps): bump vm2 from 3.9.11 to 3.9.19 #208
  • fix: isModalNotification might be undefined #227
  • chore: release 0.1.3 1a5871a
    • chore: update release-it config (auto-changelog) 08358e3
  • Revert "* fix shadow artifacts on Android (use needsOffscreenAlphaCompositing={true})" 6183939

v0.1.2

31 October 2023

  • chore: update package.json version #223
  • chore: update devDependency #222
  • feat: notification width and position #220
  • docs: improvements #219
  • feat: notification width and position (#220) #216

v0.1.1

27 July 2023

  • fix: notification under modal #214
  • docs: dark theme buttons color #215
  • fix: add title/description family and weight to mergeProps #213
  • fix: bumped reanimated,gesture handler and add patch for rn to fix example build errors #212
  • fix: changed the way of getting status bar height on ios #202
  • chore: disable expo go from dependabot push #201
  • fix: status bar manager on fabric #200
  • chore(deps): bump ua-parser-js from 0.7.31 to 0.7.33 in /example-expo #191
  • chore(deps): bump @sideway/formula from 3.0.0 to 3.0.1 in /example-expo #198
  • chore(deps): bump dns-packet from 5.3.1 to 5.4.0 in /docs #196
  • chore(deps): bump cacheable-request from 10.2.3 to 10.2.7 #195
  • chore(deps): bump @sideway/formula from 3.0.0 to 3.0.1 in /docs #197
  • chore(deps): bump @sideway/formula from 3.0.0 to 3.0.1 #199
  • chore(deps): bump http-cache-semantics from 4.1.0 to 4.1.1 in /docs #193
  • chore(deps): bump ua-parser-js from 0.7.31 to 0.7.33 #190
  • chore(deps): bump ua-parser-js from 0.7.31 to 0.7.33 in /docs #189
  • fix: changed node version in workflows to 16.14 #192
  • chore: release 0.1.1 f6b02e9

v0.1.0

26 January 2023

  • fix: changed animation names to match the old ones, updated docs #188
  • docs: updated docusaurus #182
  • feat: custom typography #185
  • fix: new arch build #183
  • chore(deps): bump json5 from 2.2.1 to 2.2.3 in /docs #186
  • refactor: create notification type #169
  • chore: Update rn #181
  • fix: most of the vulnerabilites fixed #180
  • fix: add missing firebase modulars to podfile #179
  • chore(deps): bump decode-uri-component from 0.2.0 to 0.2.2 in /example-expo #176
  • chore(deps): bump minimatch from 3.0.4 to 3.1.2 #177
  • chore(deps): bump decode-uri-component from 0.2.0 to 0.2.2 #174
  • chore(deps): bump loader-utils from 2.0.2 to 2.0.4 in /docs #173
  • chore(deps): bump minimatch from 3.0.4 to 3.1.2 in /example #172
  • chore(deps): bump decode-uri-component from 0.2.0 to 0.2.2 in /example #175
  • chore(deps): bump vm2 from 3.9.9 to 3.9.11 #164
  • chore(deps): bump terser from 5.13.1 to 5.14.2 in /docs #158
  • chore: update expo ci #171
  • feat: overwrite default types #168
  • fix: updated expo github action #178
  • feat: new generate animation config #157
  • feat: handle foreground push notifications #161
  • docs: add app.js youtube video link #162
  • docs: add errors handling section #163
  • ci: add expo publish on pushes to generate example expo app preview #160
  • feat: handle notch internally by the library #154
  • feat: init expo example app #155
  • chore: release 0.1.0 26e915f

v0.0.1-beta.2

13 July 2022

  • docs: add gesture config info #153
  • fix: user can use custom component as leftSourceIcon #149
  • chore(deps): bump parse-url from 6.0.0 to 6.0.2 #152
  • feat: handle notification (position, topOffset and width) in landscape mode #151
  • chore: release 0.0.1-beta.2 ae82a20
  • Bump package version eede51b

v0.0.1-beta.0

10 June 2022

  • feat: drop react-native-device-info #146
  • docs: fix types, improve lang style #147
  • docs: update api reference documentation - language corrections #145
  • docs: custom transition docs typos fixes and improvements #144
  • docs: remove redundant props from the documentation #143
  • docs: update imports in code snippets - old library name #142
  • docs: update install command in the intro to the documentation (typo) #141
  • docs: fix docs build - wrong links #138
  • docs: update deploy-docs workflow triggers 48e26a4
  • chore: release 0.0.1-beta.0 7a8d26f

v0.0.1-alpha.2

6 June 2022

  • chore: change logo source - readme #137
  • docs: update logo in readme (png) #136
  • feat: managing notifications from within custom components: #135
  • docs: update docs for transitions #133
  • chore(deps): bump simple-plist from 1.3.0 to 1.3.1 #131
  • chore(deps): bump simple-plist from 1.3.0 to 1.3.1 in /example #130
  • fix: used another action to assign issue to a project #132
  • fix: make config prop optional in createNotifications - regression #134
  • docs: navbar links change - GH icon pointing to the react-native--notificated repo #117
  • chore: release 0.0.1-alpha.2 d7405f5
  • Change logo source - readme 53170d9

v0.0.1-alpha.1

1 June 2022

  • feat: add onClose optional callback #110
  • docs: add iOS & Android examples to readme #123
  • docs: added documentation section to readme #122
  • feat: add feature to simplify initial configuration #120
  • docs: set up docsaurus for API reference docs and add content #113
  • chore: release-it version bump #118
  • chore: update type import for generateAnimationConfig declaration #116
  • feat: notification emitter TS updates + docs: custom examples #70
  • docs: changed svg logo #114
  • docs: update readme and docs #111
  • chore: update LICENSE #106
  • fix: hook useNotificationController is not providing method 'modify' #108
  • feat: out of the box handling of isNotch #101
  • chore: disable changelog check action (temp) #103
  • Update README.md 05b428e
  • Update README.md 8426015
  • Update README.md 9f173bc

v0.0.1-alpha.0

20 May 2022

  • feat: allow user to add custom styles for the icon #87
  • ci: add conventional pr title check workflow #96
  • docs: changed docs deploy workflow trigger from deployment to release #100
  • docs: update library name in docusaurus config #102
  • feat: add hideCloseButton prop to default variants #94
  • chore: rename library (notificated) #98
  • feat: Add FadeInFadeOut animation #91
  • FIX: Animated wrapper which is handling gestures has height set to 30 when notification is dismissed/turned off #95
  • Add DiagonalSlideInLeftSlideOutRight animation #90
  • docs: Fix typos #80
  • chore: delete .prettierrc (config already specified in package.json) #93
  • docs: Docs improvement - position chapter #79
  • Bump async from 2.6.3 to 2.6.4 in /docs #78
  • Bump async from 2.6.3 to 2.6.4 in /example #77
  • Bump async from 2.6.3 to 2.6.4 #76
  • Bump cross-fetch from 3.1.4 to 3.1.5 #75
  • Bump cross-fetch from 3.1.4 to 3.1.5 in /docs #74
  • Disable Auto Assign to Project GH workflow (temporarily) #92
  • make create notification config props optional #81
  • Fix event payload #73
  • Fix notifications queue #66
  • Export libarty api direct from package #72
  • Fix/changed action 3 #69
  • Fix/changed action #67
  • fix/60-title-description-props #64
  • Feature/changed action #65
  • Bump ansi-regex from 4.1.0 to 4.1.1 #59
  • Bump nanoid from 3.1.30 to 3.3.2 in /docs #58
  • Bump minimist from 1.2.5 to 1.2.6 #57
  • Bump plist from 3.0.4 to 3.0.5 #56
  • Bump minimist from 1.2.5 to 1.2.6 in /docs #55
  • Bump plist from 3.0.4 to 3.0.5 in /example #54
  • Bump ansi-regex from 4.1.0 to 4.1.1 in /example #53
  • Bump minimist from 1.2.5 to 1.2.6 in /example #52
  • Bump shelljs from 0.8.4 to 0.8.5 in /docs #51
  • Bump follow-redirects from 1.14.6 to 1.14.9 in /docs #50
  • Bump prismjs from 1.25.0 to 1.27.0 in /docs #49
  • Bump node-fetch from 2.6.6 to 2.6.7 in /example #48
  • Update documentation for animation api #45
  • add base url for docs page #44
  • changed action for pushing docs build #43
  • changed Git_USER #42
  • add git_user to the deploy workflow #41
  • add deploy-docs github workflow #31
  • add gh workflow for auto assigning issue to a project board #36
  • Update readme #37
  • Update issue templates - Bug and Feature #34
  • Refactor docs #32
  • Refactor #33
  • [fix] refactor notifications position #23
  • Update documentation for animation api #30
  • [tests] add tests #25
  • Feature/drag axis #27
  • fix initial notification position #29
  • Update onCreate mthoed in MainApplication #28
  • [feature] animation api #14
  • Docs config #24
  • [feature] notification position #19
  • [fix] Docs emoji and text refactor #21
  • Feature/style config docs #18
  • [feature] add custom styling examples #16
  • Basic docs #15
  • Feature/notification controller #12
  • Feature/navigation #13
  • Layout settings/props #11
  • change podfile settings #10
  • Configuration api #9
  • Event emitter #8
  • Fix RNGH package errors #7
  • RNGH & Reanimated2 #6
  • Swap out example app #5
  • Create tsc.yml #4
  • Linter Github Action #3
  • Add aliases config #2
  • Add twg prettier #1
  • add twg prettier bfc0b1f
  • swap out example app af58487
  • chore: initial commit 23c00fb