mahdi
4 سال پیش توسط mahdi مطرح شد
0 پاسخ

مشکل با منطق flatlist در React Native

سلام دوستان عزیز
بنده برنامه ای نوشتم که اطلاعات خاصی رو در flatList نمایش می ده. هر بار که هر صفحه بخواد پردازش بشه عملیات زیادی حساب می شه. متوجه شدم صفحات به تعداد زیاد و به تکرار پردازش می شوند که قطعا منابع زیادی رو هدر می دهد.
مثال ساده شده زیر را ببینید:

<FlatList
    style={{flex: 1}}
    horizontal={true}
    snapToInterval={0}
    snapToAlignment={"center"}
    showsHorizontalScrollIndicator={false}
    data={[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]}
    renderItem={({item}) =>{
        console.log("Item: " , item);
        return (<Text style={{flex: 1, width: Dimensions. get('window').width, height: Dimensions. get('window').height}}>{item}</Text>)
    }}
/>

و نتیجه اجرا به شرح زیر است:

Item: 1
Item: 2
Item: 3
Item: 4
Item: 5
Item: 6
Item: 7
Item: 8
Item: 9
Item: 10
Item: 1
Item: 2
Item: 3
Item: 4
Item: 5
Item: 6
Item: 7
Item: 8
Item: 9
Item: 10
Item: 11
Item: 1
Item: 2
Item: 3
Item: 4
Item: 5
Item: 6
Item: 7
Item: 8
Item: 9
Item: 10
Item: 11
Item: 12
Item: 13
Item: 14
Item: 15
Item: 16
Item: 17
Item: 18
Item: 19
Item: 20
Item: 1
Item: 2
Item: 3
Item: 4
Item: 5
Item: 6
Item: 7
Item: 8
Item: 9
Item: 10
Item: 11
Item: 12
Item: 13
Item: 14
Item: 15
Item: 16
Item: 17
Item: 18
Item: 19
Item: 20

ثبت پرسش جدید

به همدیگه کمک کنیم

به mahdi کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام