keremcubuk

npx create-react-app my-app

cd my-app

npm install react-intl --save

keremcubuk

npm install https://github.com/zo0r/react-native-push-notification --save
// For IOS
npm install https://github.com/react-native-community/react-native-push-notification-ios --save

keremcubuk

import React from 'react';
import { View, Button, Text } from 'react-native';
import LocalNotificationService from '../../utils/LocalNotificationService';

// Just init your project root one time.
LocalNotificationService.init();
LocalNotificationService.configure();

export default class App extends React.Component {
  notify() {

keremcubuk

<Button title="Notify Me" onPress={() => this.notify()} />

keremcubuk

notify() {
    LocalNotificationService.sendLocalNotification('Notification Title', 'Notification Detail Content');
}

keremcubuk

// Import LocalNotificationService:

import LocalNotificationService from '../utils/LocalNotificationService';

// Init LocalNotificationService

// Just init your project root one time.
LocalNotificationService.init();
LocalNotificationService.configure();

keremcubuk

import PushNotification from 'react-native-push-notification';
import { Platform } from 'react-native';

export default class LocalNotificationService {
  static init() {
    LocalNotificationService.onNotification = notification => {
      if (Platform.OS === 'android' && notification.subject != null && notification.subject !== '') {
        PushNotification.localNotification({
          title: notification.subject,
          message: notification.body,

keremcubuk

static cancelAll() {
    PushNotification.cancelAllLocalNotifications();
}

keremcubuk

static sendLocalNotification(title, message) {
    PushNotification.localNotification({
        title, // (optional) // Your content title
        message, // (required) // Your content message. It is required for notification.
    });
}

keremcubuk

static configure() {
    PushNotification.configure({
        onNotification: notification => {
            if (LocalNotificationService.onNotification) {
                LocalNotificationService.onNotification(notification);
            }
        },
        requestPermissions: true,
        popInitialNotification: true,
    });