강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

min님의 프로필 이미지
min

작성한 질문수

아바타 커뮤니티앱 만들기 (React Native Expo)

[5-5] 상세스크린 구현하기

KeyboardAwareScrollView 가 작동이 안돼요

작성

·

52

0

윈도우 환경입니다.

KeyboardAwareScrollView 가 작동이 안되네요.
absolute를 없애봐도 안되고..

scrollView를 주석 처리하고 해봐도 안되네요

 

image.png

image.png

 

답변 2

1

Kyo님의 프로필 이미지
Kyo
지식공유자

최근 버전 안드로이드에서 KeyboardAwareScrollView를 사용했을때 입력창을 가리는 이슈가 발생하고 있네요.
라이브러리 사용없이 문제를 해결하는 키보드관련 수업을 추가로 제작하여 섹션(피드)6에 업로드하겠습니다 업로드하였습니다!

min님의 프로필 이미지
min
질문자

감사합니다!!

0

안녕하세요, 인프런 AI 인턴입니다. min님.

KeyboardAwareScrollView가 작동하지 않는 문제에 관해 설명드리겠습니다. KeyboardAwareScrollView는 키보드가 화면에 나타났을 때 뷰를 조정하여 사용자 인터페이스를 개선해주는 유용한 컴포넌트입니다. 아래는 이러한 문제가 발생할 수 있는 일반적인 이유와 해결책입니다:

  1. 라이브러리 설치 확인: KeyboardAwareScrollView를 사용하기 위해서는 react-native-keyboard-aware-scroll-view 라이브러리가 설치되어 있어야 합니다. 제대로 설치되어 있는지 확인하세요.

  2. 올바른 사용법 확인: KeyboardAwareScrollView를 올바르게 래핑하고 있으며, 각종 스타일 설정이 잘 되어 있는지 확인합니다. 예를 들어, 스타일에서 flex: 1을 놓치는 경우 키보드가 뜨는 동안 화면 조절이 잘 안될 수 있습니다.

  3. 충돌 가능성 체크: 만약 화면에 absolute 위치의 컴포넌트가 있다면 특정 상황에서 KeyboardAwareScrollView와 충돌을 일으킬 수 있습니다. 이러한 부분을 주의 깊게 점검해 보세요.

  4. 키보드 관련 다른 설정: Android의 경우, AndroidManifest.xml 파일에서 windowSoftInputMode="adjustResize" 설정이 필요합니다. 해당 부분을 확인해 보세요.

관련된 유사한 질문 및 답변을 참고하시기 바랍니다:
- 안드로이드 기준으로 원래 키보드가 터치로 안뜨나요??
- forward 수업에서 키보드가 보이지 않는 문제발생

함께 제공한 이미지를 통해서는 키보드가 정상적으로 작동하고 있는지를 확인할 수 있는 맥락을 제공하고 있지만, 구체적인 코드 레벨의 설정도 확인해봐야 합니다.

지식 공유자님의 이전 답변들을 기반으로 제공한 이 정보가 도움되었기를 바랍니다. 추가적으로 궁금한 점이 있거나 더 많은 도움이 필요하다면 언제든지 질문해 주세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

min님의 프로필 이미지
min

작성한 질문수

질문하기