• 0

كيف اعالج هده المشكلة ERROR Invariant Violation: Changing onViewableItemsChanged on the fly is not supported

كيف اعالج هده المشكلة  ERROR  Invariant Violation: Changing onViewableItemsChanged on the fly is not supported

هذا هو الكود

    <Animated2.FlatList
            horizontal
            data={ads}
            keyExtractor={item => item.id.toString()}
            // onViewableItemsChanged={({viewableItems, changed}) => {
            //   console.log(viewableItems[0].index);
            //   setSelectedIndex(viewableItems[0].index);
            // }}

            onViewableItemsChanged={onViewableItemsChanged}
            viewabilityConfig={viewabilityConfig}

            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 شخص أعجب بهذا

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


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

يبدو ان التابع onViewableItemsChanged الذي تمرره للمكون غير ثابت ويعاد تعريفه في كل مرة يتم استدعاء المكون

const onViewableItemsChanged = function() {...} // يعاد تعريف التابع في كل مرة

يجب تمرير تابع بمؤشر ثابت، يمكنك استخدام useCallback لهذا الغرض حيث يتم تعريف التابع فقط اول مرة يستدعى المكون

// تابع يعرف بالمرة الأولى فقط
const onViewableItemsChanged = useCallback((viewableItems) => {
	// يستدعى التابع هنا عند تغير العناصر المرئية
},[]);

 

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

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


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

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

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

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


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

تسجيل الدخول

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


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