TIL : react native 프로젝트

오늘의 트러블슈팅 ☄️

오류내용

하단에 위치한 input 창이 키보드에 가리는 문제발생. 그래서 input창에 무슨내용이 들어가는지, 오타는 없는지 확인할 수 없음.

시도한 방법

<KeyboardAvoidingView>태그에 behavior속성으로 padding을 주는 방법도 써보고, <KeyboardAwareScrollView>도 설치하여 적용해봤지만, 인풋창이 키보드에 반밖에 올라가지 않고, 가려지는 근본적인 문제는해결되지 않았다.

해결내용

<KeyboardAvoidingView
        behavior={Platform.OS === "ios" ? "padding" : ""}
        keyboardVerticalOffset={92}
      >

<KeyboardAvoidingView>태그에keyboardVerticalOffset속성으로 padding 수치를 지정해주니, 지정한만큼 올라왔다.