اذهب إلى المحتوى

السؤال

نشر

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

 

  <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}
                />

 

Recommended Posts

  • 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}
                />

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...