• 0

كيف أقوم بجلب ال index من ال flat list

اانا استخدم رياكت ناتيف واود ان احصل على الاندكس الخاص ب الايتم المعروضة حاليا .. هدا هو الكود

 

  <Animated2.FlatList
            horizontal
            data={ads}
            keyExtractor={item => item.id.toString()}
            // onViewableItemsChanged={({viewableItems, changed}) => {
            //   console.log(viewableItems[0].index);
            //   setSelectedIndex(viewableItems[0].index);
            // }}
            style={{backgroundColor: 'red'}}
            contentContainerStyle={{justifyContent: 'center'}}
            onScrollEndDrag={() => goToSelectedLocation(selectedIndex)}
            renderItem={({item, index}) => {
              setSelectedIndex(index);
              console.log(index);

              return (
                <MapCard
                  onPress={() => goToSelectedLocation(index)}
                  style={{margin: 4}}
                  title={item.title}
                  image={item.image}
                  price={item.price}
                />

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

اذا كنت تقصد العناصر وليس العنصر المرئية حاليا يمكنك استخدام onViewableItemsChanged
ويمكنك معرفة العناصر مباشرة وليس فقط مؤشراتها

<Animated2.FlatList
            horizontal
            data={ads}
            keyExtractor={item => item.id.toString()}
            onViewableItemsChanged={({ viewableItems }) => {
              // مصفوفة مؤشرات العناصر المرئية حاليا
              const viewableItemsIndices = viewableItems.map(item => item.index);

              // مصفوفة العناصر المرئية حاليا
              const viewableItems = viewableItems.map(item => item.item);

              // يمكنك الان استخدامها حسب حاجتك
            }}
            style={{backgroundColor: 'red'}}
            contentContainerStyle={{justifyContent: 'center'}}
            onScrollEndDrag={() => goToSelectedLocation(selectedIndex)}
            renderItem={({item, index}) => {
              setSelectedIndex(index);
              console.log(index);

              return (
                <MapCard
                  onPress={() => goToSelectedLocation(index)}
                  style={{margin: 4}}
                  title={item.title}
                  image={item.image}
                  price={item.price}
                />

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن