Search
🕒

RN + Firebase

생성일
2021/02/20 15:16
태그
React Native
속성
React Native 에서도 결국 Firebase 와의 연동이 필요한데, 검색해보니 https://rnfirebase.io/ 가 가장 유명한(?) 듯 하다.

NPM Module 설치

npm install --save @react-native-firebase/app
TypeScript
복사

iOS 설정

Firebase 는 확실히 native 과 연관되어 있다보니, iOS, Android 의 환경에서도 각 설정이 필요하다.
생각보다 되는게 없다..;;;;
위 npm 모듈 설치 이후 ./ios 디렉토리에서 pod install 을 하면 Firebase pod 을 설치해준다. npm 모듈을 설치하는 과정에서 iOS 의 pod 과 android의 Gradle 의존성 관리를 같이 해주는 듯 하다.
#import "AppDelegate.h" #import <React/RCTBridge.h> #import <React/RCTBundleURLProvider.h> #import <React/RCTRootView.h> #import <Firebase.h> 👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇 이거보다 위에 있어야한다!!!!!! #ifdef FB_SONARKIT_ENABLED #import <FlipperKit/FlipperClient.h> #import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h> #import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h> #import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h> #import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h> #import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>
TypeScript
복사

Android 설정

android/app/BUCK 파일 수정
android_build_config( name = "build_config", package = "io.github.monibu1548.shoppingAlarm", 👈👈👈👈 ) android_resource( name = "res", package = "io.github.monibu1548.shoppingAlarm", 👈👈👈👈 res = "src/main/res", )
TypeScript
복사
Application.
import com.facebook.react.BuildConfig;
TypeScript
복사