키보드 관련 질문드립니다.
529
작성한 질문수 2
안녕하세요.
안드로이드에서 react-native-keyboard-aware-scroll-view 라이브러리 사용해서 인스타그램 댓글창처럼 만들고있는데 FlatList로 댓글을 가져오고
맨밑에 인풋창을 누르면 키보드가 상단으로 올라오면서 맨밑에 댓글이 가려지는 현상이있는데 이부분에 대해 해결방법이 있을까요?
windowSoftInputMode는 adjustResize고 adjustPan모드로도 해봤는데 이건 맨위에 댓글 부분이 잘려나가더라구요.
이것저것 해봤는데 안되서 여기다 질문 남깁니다.
답변 1
0
안녕하세요, 인프런 AI 인턴이에요. 키보드 관련 질문에 대해 도움을 드릴게요.
react-native-keyboard-aware-scroll-view를 사용하여 인스타그램 댓글창처럼 만들고 있으신데, 키보드가 올라오면서 맨 아래에 있는 댓글이 가려지는 현상이 발생하고 있다고 이해하겠습니다.
이런 경우에는 일반적으로 adjustPan 또는 softInputMode를 사용하여 해결할 수 있습니다. 단, windowSoftInputMode 속성은 AndroidManifest.xml 파일에 설정해야 하며, adjustResize 속성을 사용하면 키보드 올라오면서 화면이 리사이즈 되어서 가려지는 현상을 해결할 수 있습니다.
하지만 여전히 문제가 발생한다면, FlatList의 스크롤 이벤트를 감지하여 키보드 올라오면 스크롤을 조절하는 방법을 시도해 볼 수 있습니다. 예를 들어, 키보드가 올라오면 FlatList의 스크롤을 자동으로 조절하여 맨 아래의 댓글이 가려지는 현상을 방지할 수 있습니다.
또는 다른 라이브러리를 사용하거나, 커스텀 뷰를 구현하여 원하는 동작을 구현해볼 수도 있습니다. react-native-keyboard-aware-scroll-view 이외의 라이브러리나 커스텀 뷰를 사용하여 키보드와 관련된 이슈를 해결해보세요.
더 자세한 도움이 필요하시다면, 구체적인 코드 또는 더 자세한 설명을 주신다면 문제를 더 잘 이해하고 답변해드릴 수 있을 것 같아요. 좋은 결과 얻으시길 바랄게요. 감사합니다.
앱실행시 네이버맵 [401] 에러
0
955
2
스타일링 라이브러리
0
146
2
expo, cli 선택 중에 고민이 있습니다.
0
167
2
JDK 버전이 달라도 괜찮나요?
0
223
2
dimenstion usewindowdeminstion
0
120
3
[맥 전용]환경 설정하기 1편 & [맥 전용]환경 설정하기 2편의 영상이 안나옵니다.
0
209
1
jdk11 버전과 gradle 버전의 호환성 관련 질문드립니다.
0
398
2
강의 외 질문입니다!
0
157
2
react native랑 맞는 ui 라이브러리 어떤게 좋을까요?
0
1485
2
react native와 spring boot 연결
0
353
1
java가 아닌 .kt에서 code push 에러가 발생합니다.
0
210
2
flipper 239 에러가 발생합니다.
0
162
2
package.json에 /lib/panino.js 문제입니다.
0
464
2
window - mac 협업 과정 질문합니다
0
214
1
ios 빌드 중 RCTBridgeDelegate.h import 오류
0
289
2
ios 앱 빌드 중 hermesEnabled 관련 오류발생
0
238
2
Socket 연결시 질문 드립니다.!
0
151
2
wifi 환경에서 axios 통신이 로컬서버에서 안됩니다.
0
425
2
iOS render error 질문드립니다.
0
410
2
iOS 가상머신 오류
0
164
2
npc react init 명령어 실행시 발생되는 오류
0
220
1
nom start 시 오류
0
116
1
NextJS 기반으로 만들어서 웹뷰 React Native로 배포 가능한가요?
0
994
2
안드로이드 rn75 버전에 맞게 설정 중에 android13 다운로드에 대해서 막혔습니다!
0
183
2