Search results
React Native Firebase is the officially recommended collection of packages that brings React Native support for all Firebase services on both Android and iOS apps. React Native Firebase fully supports React Native apps built using React Native CLI or using Expo.
- Reference API
Reference API - React Native Firebase | React Native...
- Screencasts
As more native dependencies are added to your project, in...
- TypeScript
The React Native Firebase project comes with support for...
- Release Notes
Starting from version 10.0.0, React Native Firebase packages...
- Migrating to v6
Migrating to v6 - React Native Firebase | React Native...
- FAQs and Tips
React Native Firebase v5 is now deprecated and unsupported....
- Legacy Docs (<= v5)
Introduction. React Native Firebase makes using Firebase...
- Notifications
The Firebase Console automatically sends a message to your...
- Reference API
Install and use Firebase features in React Native apps with @react-native-firebase/app. It supports iOS and Android platforms and has 223 dependencies and 242 versions.
- Create a Firebase Project. Head over to Firebase.com and create a new account. Once logged in, you’ll be able to create a new project in the Firebase Console.
- Create and Configure a New React Native App. We’re going to make our React Native Firebase app compatible with both Expo CLI and React Native CLI. We’re going to use Expo for now, since it makes it easy for newcomers to preview their apps.
- Create the Folder Structure and Set Up Routes and Navigation. Create the folder structure by running. mkdir src/screens src/screens/LoginScreen src/screens/RegistrationScreen src/screens/HomeScreen.
- Implement the UI. Now that we have the scaffold of the app, let’s go ahead and implement the UI components of all screens. We’re not going into the details of flex layout and React Native styling, since that is outside the scope for this tutorial.
5 days ago · Using React Native Firebase. React Native supports both the JS SDK and the native SDK. The following sections will guide you through when to use which SDK and all the configuration steps required to use Firebase in your Expo projects. Prerequisites.
- Installation
- What Does It Do
- Usage
- Firebase.json
- GeneratedCaptionsTabForHeroSec
This module requires that the @react-native-firebase/app module is already setup and installed. To install the "app" module, view theGetting Starteddocumentation. If you're using an older version of React Native without auto-linking support, or wish to integrate into an existing project,you can follow the manual installation steps for iOS and Andro...
React Native Firebase provides native integration of Firebase Cloud Messaging (FCM) for both Android & iOS. FCM is a costfree service, allowing for server-device and device-device communication. The React Native Firebase Messaging module providesa simple JavaScript API to interact with FCM. The module also provides basic support for displaying loca...
iOS - Requesting permissions
iOS prevents messages containing notification (or 'alert') payloads from being displayed unless you have received explicit permission from the user. This module provides a requestPermissionmethod which triggers a native permission dialog requesting the user's permission: The permissions API for iOS provides much more fine-grain control over permissions and how they're handled within yourapplication. To learn more, view the advanced iOS Permissionsdocumentation.
Android - Requesting permissions
On Android API level 32 and below, you do not need to request user permission. This method can still be called on Android devices; however, and will always resolve successfully. For API level 33+ you will need to request the permission manually using either the built-in react-native PermissionsAndroid APIs or a related module such as react-native-permissions
Receiving messages
FCM messages can be sent to real Android/iOS devices and Android emulators (iOS simulators however do nothandle cloud messages) via a number of methods (see below).A message is simply a payload of data which can be used however you see fit within your application. Common use-cases for handling messages could be: 1. Displaying a notification (see Notifications). 2. Syncing message data silently on the device (e.g. via AsyncStorage). 3. Updating the application's UI. Depending on the devices st...
Messaging can be further configured to provide more control over how FCM is handled internally within your application.
Learn how to install, setup and use the React Native Firebase module for Cloud Messaging on Android and iOS devices. Find out how to request permissions, handle messages, display notifications and more.
React Native Firebase is a collection of official React Native modules connecting you to Firebase services for both iOS and Android platforms. It is well tested, well typed, well documented and mirrors official Firebase Web SDK functions.
Learn how to install, setup and use Cloud Firestore, a flexible, scalable NoSQL cloud database for React Native apps. Find out how to read, write, query and listen to data from collections and documents.
