كيف أجعل FlatList تعرض item واحدة فقط وتحريكها بواسطة الاسهم كما فى الصورة ؟؟ React Native

يمكنك استخدام flatlist وتفعيل pagination horizontal بهذه الطريقة بعدها يجب ان تبحث عن طريقة

للتمرير عن طريق الضغط على أسهم اليمين والشمال

function Carousel() {
  return (
    <FlatList
      data={slideList} //البياتات
      style={{ flex: 1 }}
      renderItem={({ item }) => {
        return <Slide data={item} />; //المكون الذي يعرض البيانات
      }}
      pagingEnabled //تفعيل خاصية التمرير
      horizontal // خاصية التمرير الأفقي
      showsHorizontalScrollIndicator={false} // محدد التمرير
    />
  );
}

بتاريخ On 3/4/2021 at 17:52 قال Salah Eddin Berriani:

يمكنك استخدام flatlist وتفعيل pagination horizontal بهذه الطريقة بعدها يجب ان تبحث عن طريقة

للتمرير عن طريق الضغط على أسهم اليمين والشمال

function Carousel() {
  return (
    <FlatList
      data={slideList} //البياتات
      style={{ flex: 1 }}
      renderItem={({ item }) => {
        return <Slide data={item} />; //المكون الذي يعرض البيانات
      }}
      pagingEnabled //تفعيل خاصية التمرير
      horizontal // خاصية التمرير الأفقي
      showsHorizontalScrollIndicator={false} // محدد التمرير
    />
  );
}