أحمد عبد الله2 نشر 17 أغسطس 2021 أرسل تقرير نشر 17 أغسطس 2021 اانا استخدم رياكت ناتيف واود ان احصل على الاندكس الخاص ب الايتم المعروضة حاليا .. هدا هو الكود <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 Hassan Hedr نشر 17 أغسطس 2021 أرسل تقرير نشر 17 أغسطس 2021 اذا كنت تقصد العناصر وليس العنصر المرئية حاليا يمكنك استخدام 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} /> اقتباس
السؤال
أحمد عبد الله2
اانا استخدم رياكت ناتيف واود ان احصل على الاندكس الخاص ب الايتم المعروضة حاليا .. هدا هو الكود
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.