Как показать 2 пункта в одной нумерации реактивной карусели

Question

Как отобразить 2 элемента для одной нумерации страниц (первая точка), и если мы проведем пальцем, то должны отобразиться следующие 2 элемента с отображением активной второй точки.

И если это нечетное значение, тогда последний элемент должен отображать мой собственный компонентв реакцию реагируют родные карусели.

Answer 1

Я бы посоветовал вам пойти дальше и сделать предмет, который вы отрисовываете в карусели, тот, который отображает 2 вещи одновременно.Карусель будет разбивать на страницы, что бы вы ни передавали, поэтому, если вы передаете что-то с двумя предметами, это будет разбивать на страницы, например:

   <Carousel
    layout="default"
    data={arr}
    renderItem={
      ({ item, index }) => (
        <View style={styles.imageWrapper}>
            <Image
              style={styles.image}
              source={item[0]}
              resizeMode="cover"
              accessibilityLabel="thumbnail"
            />
            <Image
              style={styles.image}
              source={item[1]}
              resizeMode="cover"
              accessibilityLabel="thumbnail"
            />
        </View>
      )
    }
    lockScrollWhileSnapping={true} // Prevent the user from swiping again while the carousel is snapping to a position.
    sliderWidth={screenWidth}
    sliderHeight={screenWidth * 0.5}
    itemWidth={screenWidth - 40}
    activeSlideOffset={50}
    enableSnap
    onSnapToItem={onSnapToItem}
    removeClippedSubviews={false}
    firstItem={0}
    contentContainerCustomStyle={styles.style}
  />