React-native expo(+firebase)로 로그인, 회원가입 구현하기
react-native 설치 참고: https://dev-yakuza.posstree.com/ko/react-native/install-on-windows/
expo까지 설치 참고: https://marshmello.tistory.com/69
[로그인, 회원가입 구현]
참고 영상 : https://www.youtube.com/watch?v=ql4J6SpLXZA
영상 및 영상에 링크된 깃허브을 보며 코드를 작성했다.
이때 두가지 오류가 생겼는데,
첫번째로 firebase와 관련해서 오류가 난다.
영상 firebase와 버전이 달라서 생긴 문제라서 우선 다운그레이드 해봤다.
① firebase를 9.6.11로 다운그레이드
- npm uninstall firebase
- npm install firebase@9.6.11
이래도 오류가 나서 찾아보니 import 방식이 문제였다.
② import 수정
- https://firebase.google.com/docs/web/modular-upgrade : 해당 페이지를 참고해 수정할 수 있었다.
두번째로는 안드로이드에서는 키보드가 올라오면 화면도 같이 올라가서 화면이 잘린다.
TextInput 컴포넌트 사용 및 키보드 가림 설정
사용자 입력값 받기 리액트 네이티브에서 사용자의 키보드 입력을 받아낼때는 TextInput 컴포넌트를 사용한다. import React from 'react'; import {View, StyleSheet, TextInput} from 'react-native'; function..
devbksheen.tistory.com
코드를 아래와 같이 수정하면 안드로이드에서도 화면이 잘리지 않는다.
behavior={Platform.select({ios: 'padding', android: undefined})}