آموزش جاوااسکریپت انجمن ها react native مشکل لگ در لیست های بی نهایت

در حال نمایش 2 نوشته (از کل 2)
  • نویسنده
    نوشته‌ها
  • #43249 پاسخ
    امیر
    میهمان

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

    #43296 پاسخ

    خب این اشتباهه.
    در 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/

در حال نمایش 2 نوشته (از کل 2)
پاسخ به: مشکل لگ در لیست های بی نهایت
اطلاعات شما: