App.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, {Component} from 'react';
import {StyleSheet, Alert, StatusBar} from 'react-native';
import firebase from 'react-native-firebase';

import { AppNavigation } from './src/navigation/AppNavigation'
import NavigatorService from './src/navigation/Navigator';

import { Provider } from 'react-redux';
import { store } from './src/store';

export default class App extends Component {

    componentDidMount() {
        // this.checkPermission();
        // this.createNotificationListeners();
    }

    async checkPermission() {
        const enabled = await firebase.messaging().hasPermission();
        if (enabled) {
            this.getToken();
        } else {
            this.requestPermission();
        }
    }

    //3
    async getToken() {
        fcmToken = await firebase.messaging().getToken();
        if (fcmToken) {
            console.log(`fcmToken: ${fcmToken}`);
        }
    }

    //2
    async requestPermission() {
        try {
            await firebase.messaging().requestPermission();
            // User has authorised
            this.getToken();
        } catch (error) {
            // User has rejected permissions
            console.log('permission rejected');
        }
    }

    async createNotificationListeners() {
        /*
        * Triggered when a particular notification has been received in foreground
        * */
        this.notificationListener = firebase.notifications().onNotification((notification) => {
            const { title, body } = notification;
            this.showAlert(title, body);
        });

        /*
        * If your app is in background, you can listen for when a notification is clicked / tapped / opened as follows:
        * */
        this.notificationOpenedListener = firebase.notifications().onNotificationOpened((notificationOpen) => {
            const { title, body } = notificationOpen.notification;
            this.showAlert(title, body);
        });

        /*
        * If your app is closed, you can check if it was opened by a notification being clicked / tapped / opened as follows:
        * */
        const notificationOpen = await firebase.notifications().getInitialNotification();
        if (notificationOpen) {
            const { title, body } = notificationOpen.notification;
            this.showAlert(title, body);
        }
        /*
        * Triggered for data only payload in foreground
        * */
        this.messageListener = firebase.messaging().onMessage((message) => {
            //process data message
            console.log(JSON.stringify(message));
        });
    }

    showAlert(title, body) {
        Alert.alert(
            title, body,
            [
                { text: 'OK', onPress: () => console.log('OK Pressed') },
            ],
            { cancelable: false },
        );
    }

    //Remove listeners allocated in createNotificationListeners()
    componentWillUnmount() {
        // this.notificationListener();
        // this.notificationOpenedListener();
    }

    render() {
        return (
            [
                <Provider key={'provider'} store={store}>
                    <AppNavigation
                        key={'AppNavigation'}
                        ref={navigatorRef => {
                            NavigatorService.setContainer(navigatorRef);
                        }}/>
                </Provider>,
                <StatusBar key='statusbar' barStyle='light-content' backgroundColor="#000000"/>
            ]
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    },
});