مشکل لگ در لیست های بی نهایت

[امیر]

سلام
من یه صفحه ای دارم که از چندین لیست افقی و 2 لیست عمودی تشکیل شده…این لیست عمودی به صورت infinite list هستش. لیست عمودی مثل اینستاگرام عکسایی در سایز بزرگ داره و قراره ویو بخوره.
مشکلی که من دارم اینه که این infinite list تو تعداد ایتم های زیاد مثلا 30 تا به بالا لگ به وجود میاد…نمیدونم واقعا چجوری باید پیادش بکنم…
کاری که من دارم الان انجام میدم اینطوریه

const renderItem = ({item}) => {
switch (item.number) {
case ‘1’:
return <Flatlist1 />; // Horizontal
case ‘2’:
return <Flatlist2 />; // Horizontal
case ‘3’:
return <Flatlist3 />; // Horizontal
case ‘4’:
return <Flatlist4 />; // Horizontal
case ‘5’:
return <Flatlist5 />; // Vertical
case ‘6’:
return <Flatlist6 />; // Horizontal
case ‘7’:
return <Flatlist7 />; // Vertical
}
}

// main scroll
<Flatlist
data={data}
renderItem={renderItem}
/>

[مهدی حسن زاده]

خب این اشتباهه.
در FLATLIST که نباید اینجوری پیاده سازیش کنید.flatlist یک prop داره تحت عنوان onEnReached که با استفاده از اون میتونید پیاده سازیش کنید.
در تله فیلم آموزشی زیر این مورد رو توضیح دادم
https://reactapp.ir/courses/%d8%aa%d9%84%d9%87-%d9%81%db%8c%d9%84%d9%85-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%84%db%8c%d8%b3%d8%aa-%d8%a8%db%8c%d9%86%d9%87%d8%a7%db%8c%d8%aa-%d8%af%d8%b1-react-native/

[نویسنده]

نوشته‌ها