Flatlist의 보이는 이미지 만로드하십시오.

Question

Flatlist를 사용하여 이미지 격자를 만들었습니다. 웹에서 이미지를로드하고 있습니다. 현재 특정 페이지로 이동하면 모든 이미지가로드됩니다. 내가 원했던 것은 화면에 보이고 스크롤에있는 이미지 만로드하는 것입니다. 한 번에 6 개의 이미지가 화면에 표시됩니다.

Flatlist의 스크롤에 이미지를로드 할 수 있습니까?

Answer 1

플랫 목록의 initialNumToRender 속성을 사용하여이 작업을 수행 할 수 있어야합니다.

은 그래서 당신의 flatList 선언 할 수 있습니다

<FlatList 
    initialNumToRender={2} 
    data={[{key: 'a'}, {key: 'b'}]} 
    renderItem={({item}) => <Text>{item.key}</Text>} 
/>