네이티브 렌더링 카메라 롤 이미지를 효율적으로 처리하십시오.

Question

나는 모든 사용자의 로컬 이미지 그리드를로드하기 위해 react native와 함께 제공되는 Camera Roll 라이브러리를 사용하고 있습니다. 그러나 API 호출은 로컬 데이터를 가져 오는 것뿐만 아니라 이미지를 렌더링하는 속도가 느립니다 (몇 백 개의 이미지를 가져 오는 것).

Photos와 Instagram과 같은 앱이 라이브러리를 너무 빨리 가져 와서 동시에 모두 렌더링 할 수 있는지 궁금합니다. 간단한 네이티브 인 것처럼 보입니다.

나는이 카메라 롤 이미지의 저품질 버전을 사용하고 싶지만, 카메라 롤은 나에게 풀 스케일 이미지를주는 것처럼 보인다.

Answer 1

사진을 어떻게 가져 오나요? 나는이 API를 아직 많이 사용해 왔기 때문에 이것은 경험에서 나온 것이 아니지만 CameraRoll Docs을 살펴 보았다. 올바른 방법은 검색 할 수있는 사진의 수를 표시 할 수있는 숫자로 제한하는 것 같다. 하나 개의 전체 화면 (플러스/마이너스 버퍼) 거기에서

getPhotos({first: 20}) // retrieve the first 20 photos 

, 당신은 더 가져 스크롤하고 윈도 기술을 사용합니다. 윈도우 잉에 대해 자세히 알 수 있습니다. Michael Jackson's Talk on Windowing (and more)

이렇게하면 문제를 해결할 수 있습니다. 행운을 빕니다!