react native with firebase

#React Native Firebase 공식문서
공식문서 바로가기

---

#firebase setup_1
how to set up the firebase in react-native with x code

---

#firebase setup_2
react native with firebase

---

#issue 1 => google-info.list xcode에 올바르게 적용시키는 방법
add google-info.list in xcode

---

#issue 2 => 각종 이슈 잘 정리해 주심
issue from firebase setup

---

#issue 3 => pod 라이브러리 오류

[!] The following Swift pods cannot yet be integrated as static libraries:The Swift pod FirebaseStorage depends upon FirebaseAppCheckInterop, FirebaseAuthInterop, FirebaseCore, FirebaseCoreExtension, and GTMSessionFetcher, which do not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set use_modular_headers! globally in your Podfile, or specify :modular_headers => true for particular dependencies.

set up pod file

위에 나열된 라이브러리들을 pod.file에 추가해 주어야 한다.

pod 'GoogleUtilities', :modular_headers => true
pod 'Firebase', :modular_headers => true
pod 'FirebaseCoreInternal', :modular_headers => true
pod 'FirebaseAppCheckInterop', :modular_headers => true
pod 'FirebaseAuthInterop', :modular_headers => true
pod 'FirebaseCore', :modular_headers => true
pod 'FirebaseCoreExtension', :modular_headers => true
pod 'GTMSessionFetcher', :modular_headers => true

이런식으로!

---

제일 중요한거..! podfile 내용변경하고 나서 꼭 pod update && pod install 할것!!!
( 대충 이거 안해서 이틀 버림 )

pod intall, pod update 잘 정리된 글

---

#google login 1 => 공식 문서
github react-native-google-signin/google-signin

---

#google login 2 => 구글 로그인 코드
google log-in

  const userInfo = auth().currentUser;
  console.log(userInfo?.displayName, userInfo?.email);

auth().currentUser를 통해 User의 정보를 알 수있다.

---

#googld login 3 => ios에서 구글 로그인 안될 때

Thread 1: "Your app is missing support for the following URL schemes

google sign in crash

---

#firebase Cloud Storage && Realtime Database

npm install @react-native-firebase/database
npm install @react-native-firebase/storage

---

#react native image upload with firebase
react-native-image-picker 잘 정리된 글