@22hbg/rn-firebase-module

22HBG React Native Firebase module

Usage no npm install needed!

<script type="module">
  import 22hbgRnFirebaseModule from 'https://cdn.skypack.dev/@22hbg/rn-firebase-module';
</script>

README

Firebase library

Firebase module with firebase core, remote config, analytics, cloud messaging, crashlitics and in-app messaging

Installation

yarn add @22hbg/rn-firebase-module @react-native-firebase/analytics @react-native-firebase/app @react-native-firebase/crashlytics @react-native-firebase/in-app-messaging @react-native-firebase/messaging @react-native-firebase/remote-config

cd ios/ && pod install

Additional steps:

Core

Android setup
iOS setup

Crashlitics

Android setup

Usage

Initialize remote config

import React, { useEffect } from 'react'
import { View } from 'react-native'
import { initializeRemoteConfig } from '@22hbg/rn-firebase-module'

export default App = () => {
    useEffect(() => {
        initializeRemoteConfig({
            data: 'value'
        })
        .then(() => console.log('success'))
            .catch(() => console.error('error: ', error))
    })

    return <View />
}

export default App

Request notification permission

import React, { useEffect } from 'react'
import { View } from 'react-native'
import { requestNotificationPermission } from '@22hbg/rn-firebase-module'
import messaging from '@react-native-firebase/messaging'

export default App = () => {
    useEffect(() => {
        checkUserPermission()
    })

    const checkUserPermission = async () => {
        const permission = await requestNotificationPermission()

        const enabled = permission === messaging.AuthorizationStatus.AUTHORIZED || permission === messaging.AuthorizationStatus.PROVISIONAL

        if (enabled) {
            console.log('Authorization status:', permission)
        }
    }

    return <View />
}

export default App