FlatList 내 Image들 렉 걸리는 현상 (Android)

안녕하세요! FlatList에 row마다 약 3~5개 정도의 이미지를 넣어서 사용하려고 하는데요.
처음에는 FlatList 자체 이용해서 하다가 react-native-inifite 이라는 패키지를 사용했습니다.
문제는 JS remote debugging 시에는 (기기와 연결 중) 잘 뜨는데요, 문제는 remote debugging을 off했을 때는 빈 화면이 보이다가 Out of Memory 에러가 뜹니다. row의 개수를 1, 2개로 줄여도 같은 문제가 생기더군요.
여러 디버깅 중 확인할 수 있었던 것은 엄청나게 램 리소스를 잡아먹는다는 것입니다.
StackOverflow에도 여러 말들이 있지만 현재는 아무것도 되지 않은 상태…도와주십쇼.

RN 버젼 : 0.55.4

ios에서는 기본적으로 큰이미지가 들어가면 resizing을 해주는데 android는 그렇지 않습니다. react-native에서 지원하는 android specific한 method를 사용해주셔야 합니다.

<Image
  resizeMethod='resize'
  ...

위 처럼 해주시면 오류가 해결 될 것으로 예상합니다.

1 Like