سلام
من یه صفحه ای دارم که از چندین لیست افقی و 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}
/>