인프런 커뮤니티 질문&답변
작성한 질문수
키보드 관련 질문드립니다.
작성
·
421
·
수정됨
0
안녕하세요.
안드로이드에서 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 이외의 라이브러리나 커스텀 뷰를 사용하여 키보드와 관련된 이슈를 해결해보세요.
더 자세한 도움이 필요하시다면, 구체적인 코드 또는 더 자세한 설명을 주신다면 문제를 더 잘 이해하고 답변해드릴 수 있을 것 같아요. 좋은 결과 얻으시길 바랄게요. 감사합니다.