2016-07-08 3 views
2

저는 listview에서 100 개의 행을 렌더링하려고하는이 간단한 샘플 앱을 가지고 있습니다. 내가 원하는 것은 사용자가 부드럽게 전체 목록을 스크롤 할 수 있도록보기가 마운트 된 후에 모두 렌더링하는 것입니다. 아래 예제에서 볼 수 있듯이 목록을 아래로 스 와이프 한 후에 만 ​​다음 행을 렌더링하므로 속도가 느려집니다. "initialListSize"소품을 데이터 배열 길이로 설정하려고했지만 아무 것도 변경하지 않는 것 같습니다. 아이디어 전체 목록을 렌더링하는 방법?React 네이티브 목록보기가 전체 목록을 렌더링하지 않습니다

Sample App

답변

5

시도는 ListView 소품이 추가 :

removeClippedSubviews={false} 

This is the docs about this props you just added

을 또한 소품 pageSize, docs

+0

감사를보십시오. page scrollRenderAheadDistance와 함께 크기를 조정하면 목록보기가 화면 외부에있는 행을 렌더링하는 방법을 제어 할 수 있습니다. –

+0

@ karol.barkowski이 해답을 해결책으로 표시해주세요. 감사. – gran33

+0

그건 나를 위해 작동하지 않았다 그러나이 않았다 : initialListSize = {1000} ListView 소품. (그냥 큰 숫자 그래서 그것은 처음에 보이는 모든 행을 통해 갈 것입니다. 그래서 아마 허용 된 대답은 나를 위해 작동하지 않았다 그리드보기 레이아웃을했다. –

관련 문제