[React Native] 키보드 입력시 입력창 가리지 않게 하기

( 원래는 로고가 큰데, 입력창을 터치하니 로고가 줄어들며 입력창이 보여지는 모습)

텍스트를 입력해야하는데, 키보드가 입력창을 가려버려서 안보이는 상황이 종종 있다.
이때, 입력창을 가리지 않게 주변 유닛들의 크기를 자동으로 조절하는 코드가 있다.

KeyboardAvoidingView

<KeyboardAvoidingView style={styles.form} behavior="padding" enabled>
	<Image 로고 사진 />
    	<TextInput 아이디 />
    	<TextInput 비밀번호 />
</KeyboardAvoidngView>

사용법은 기존에 감싸주었던 View 대신에 삽입해주면 되며,
저 태그안에 들어가 있는 요소들이 크기 조절이 된다.

만약에,
나는 사진은 크기는 고정시키고 입력창의 크기를 조절시키고 싶다면
해당 태그 내에 Image 를 바깥으로 빼버리면 된다.

간단한건데 은근 내맘대로 동작 안할때가 있으니 하나씩 테스트 해보며 적용하길 !