Реакция-native-snap-carousel учебник о том, как его использовать

Question

Я пытался найти какой-нибудь учебник по реализации кодаact-native-snap-carousel, но я не смог его найти. Если кто-либо из вас видел какие-либо учебники по этому вопросу, предложите ссылку. Я ознакомился с его документацией и примерами, предоставленными его создателями, однако они выглядят очень сложными для меня.

Answer 1

Вы должны предоставить данные, и они будут выполнять автоматическое сопоставление и назначать функциональный компонент для визуализации элемента. Он вернет формат json с индексом и элементом, который вы можете увидеть ниже. Пример

const container = ({edges,_loadmore,navigation}) =>{
 const _renderItem = ({ item, index }) => {
 return (
    <View>
      <Render_component  />
    </View>
   );
};
    return (
     <Carousel
    onSnapToItem={slideIndex => {
      setcurrentSlider(slideIndex);
      _loadMore();
    }}
    onBeforeSnapToItem={slideIndex => {
      setBeforeSlider(slideIndex);
    }}
    inactiveSlideOpacity={1}
    inactiveSlideScale={1}
    enableSnap
    ref={carRef}
    data={edges}
    renderItem={_renderItem}
    sliderHeight={screenHeight}
    itemHeight={screenHeight}
    vertical={true}

    />
    )
}