https://github.com/tpmabdulkareem/push-notification-app
A simple example for react native push notification
https://github.com/tpmabdulkareem/push-notification-app
android-sdk android-studio es6 javascript notifications npm push-notifications react react-native sdk-manager yarn
Last synced: 28 days ago
JSON representation
A simple example for react native push notification
- Host: GitHub
- URL: https://github.com/tpmabdulkareem/push-notification-app
- Owner: tpmabdulkareem
- Created: 2020-04-08T08:32:57.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-26T19:13:01.000Z (about 3 years ago)
- Last Synced: 2023-03-07T18:07:37.265Z (almost 3 years ago)
- Topics: android-sdk, android-studio, es6, javascript, notifications, npm, push-notifications, react, react-native, sdk-manager, yarn
- Language: Java
- Size: 7.58 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Push Notification in React Native | Android
[
](image.png)
My requirements were simple I needed to incorporate Local notifications that I could schedule to to appear at a later time for Android. I also needed these notifications to still display even if the app was closed. After some research I found that react-native-push-notification was my best bet. However, I found that this was a bit tricky to get up and running, but at long last I was successful. My struggle is your lucky day.
## Preview
[
](image.png)
## Libraries used
- [React Native](https://github.com/facebook/react-native)
> A framework for building native apps with React.
- [React-Native-Push-Notification](https://www.npmjs.com/package/react-native-push-notification)
> A NPM library for React Native Local and Remote Notifications for iOS and Android
## Running the project
- Clone this project
```
git clone https://github.com/tpmabdulkareem/Push-Notification-App.git
```
- [Install NodeJS](https://nodejs.org/en/) on your computer.
- [Install yarn](https://yarnpkg.com/en/docs/install) on your computer
> Yarn is a dependency manager built by facebook and google. It is a more efficient and reliable (thanks to yarn.lock) alternative of npm.
- Launch ``` yarn ``` command in a terminal opened in the project folder.
> This command will look into the *package.json* file and install all the dependencies listed here.
- Install react-native-cli globally on your computer
```
yarn global add react-native-cli
```
### Android steps
- Launch a virtual android device [(through *Android Studio* for instance)](https://developer.android.com/studio/run/managing-avds.html#viewing)
> If you have never installed any android virtual device, [follow those instructions](https://developer.android.com/studio/run/managing-avds.html#createavd)
- Then, run the project in executing on your project folder:
```
react-native run-android
```
## Troubleshooting
**Note:** Each time you pull commits from others, run the **yarn** command to install dependencies that may have been introduced.
### react-native is not recognized as an internal or external command
- If your terminal is telling you react-native is not known, try to install it globally with npm: ```npm install -g react-native-cli``` and re-run the above command.
### 'adb' is not recognized as an internal or external command
If you have a build error with this message on Windows, it means that you must add the Android sdk platform tools to your environment PATH.
[How to add an environment variable on your computer.](https://www.java.com/en/download/help/path.xml)
My value on windows: *```C:\Users\Manuel\AppData\Local\Android\sdk\platform-tools```*
### failed to find target with hash string 'android-23'
React Native needs this to be installed in order to work, and the default target installed by *Android Studio* is the 24th. To solve this issue, open android studio and click on SDK Manager Icon:
Then click on the line with API Level of value 23 and apply.
### failed to find Build Tools revision *XX.X.X*
It seems you are missing the build tools at specific revision *XX.X.X*, so you need to install them. Go to Android Studio SDK Settings (see images above) and click on the SDK Tools snippet.
Then, click on **Show Package Details** and look for Android SDK Build Tools *XX.X.X*. Then check if it is installed. If not, install it and this issue should be solved then.
### Execution failed for task ':app:dexDebug'
Go into the **android** project's folder in your terminal and run
*Windows*
```
gradlew clean
```
*Linux & Mac*
```
./gradlew clean
```
Then delete the build folder, go back to the project's root folder and try again, this error should be solved.
> **Note:** If it doesn't work as expected, try checking you have not forgotten any of the steps above. If not, please **open an issue and describe your problem**.