• 1

عندى ScrollView أفقى .. أنا اريد ان اجعل عن التمرير فانها يكون العنصر فى منتصف الشاشة .. هده هى الصورة


أنا اريد ان اقوم بعمل pagination و يكون الكارد المختار فى منتصف السكرين وليست هكدا كما فى الصورة 

 

611ccbaeb2853_SimulatorScreenShot-iPhone8-2021-08-18at10_51_39.thumb.png.30e9f07934f16da9c47f97385791d1d4.png

 

هدا هو الكود 

 <View style={styles.cardsContainer}>
         <View style={styles.cardsContainer}>
          <Animated.ScrollView horizontal
          scrollEventThrottle={1}
          showsHorizontalScrollIndicator={false}
          pagingEnabled
          snapToInterval={CARD_WIDTH + 20}
          snapToAlignment="center"
          
          >
            {ads.map((item, index) => {
              return (
                <MapCard
                  onPress={() => goToSelectedLocation(index)}
                  style={{margin: 4}}
                  title={item.title}
                  image={item.image}
                  price={item.price}
                />
              );
            })}
          </Animated.ScrollView>
        </View>


// Styles
cardsContainer: {
    height: phoneHeight * 0.22,
    bottom: 50,
    position: 'absolute',
  },

 

تمّ تعديل بواسطة أحمد ابراهيم عبد الله
1 شخص أعجب بهذا

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


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

@أحمد ابراهيم عبد الله

أتوقع يمكنك عمل ذلك من خلال إعطاء الخصائص التالي إلى الستايل الخاص بالبطاقة 

margin-left: auto; margin-right: auto;

بعد ذلك المفترض أن تظهر بالمنتصف 

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


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

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

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

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


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

تسجيل الدخول

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


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