inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

KeyboardAwareScrollView 가 작동이 안돼요

214

min

작성한 질문수 3

0

윈도우 환경입니다.

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

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

 

image.png

image.png

 

react-native typescript expo react-hook-form react-query

답변 2

1

Kyo

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

0

min

감사합니다!!

0

인프런 AI 인턴

안녕하세요, 인프런 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 수업에서 키보드가 보이지 않는 문제발생

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

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

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

secureTextEntry 설정에 관해

0

57

2

expo 55 tabs 사라짐 이슈

0

80

2

백엔드도 궁금합니다!

1

85

1

댓글 버튼 하단에 고정되지 않는 이슈

0

53

1

SafeAreaView 적용 기준 문의

0

80

2

스크린 옵션 아이콘

0

55

2

[Note] 안드로이드 네비게이션 헤더 이슈 안내

0

65

2

ActionSheet

0

85

1

안드로이드 폰과 PC에서 테스트할때 화면 안보임과 오류 문의

0

99

1

iOS 빌드 후 실기기에서 앱 시작

1

70

1

[5-2] 글 목록 무한스크롤 구현하기 with InfiniteQuery 10:40/ useScrollTop(ref) 사용관련

0

83

2

클라이언트 사이드에서 세션 관련 질문

0

81

2

Android 에뮬레이터 환경설정 및 실행 (for Mac) 에러 문의

0

111

1

[5-13] useLikePost 쿼리 구현 중 Tanstack Query 관련 질문

0

63

1

Expo 54 버전 ios에서 headerLeft

1

139

2

어플 개발 후 배포 시에 주의할 사항이 있을까요?

0

78

1

코드 수정 시 ios 시뮬레이터에서 자동반영이 안 되는데 왜그럴까요?

0

91

1

텍스트가 다 상단위로 올라가있는데 어떻게 해야할까요?

0

78

2

Axios Network error...

0

151

2

강의는 52버전인데 expo가 현재 54버전이에요

0

307

1

[TIP] SafeAreaView 사용할 때마다 자꾸 ios에서 위아래가 빵꾸 나시는 분들 필독

0

234

2

키보드 이슈 관련 해결 질문

0

74

1

android header를 ios처럼 바꾸기

0

68

1

CustomButton 코드 버튼 관련 질문

0

66

1