react-native-snap-carousel 教程如何使用它

Posted 2023-02-23

【中文标题】react-native-snap-carousel 教程如何使用它

【英文标题】：react-native-snap-carousel tutorial on how to use it

【发布时间】：2020-02-05 05:53:54

【问题描述】：

我试图找到任何关于实现 react-native-snap-carousel 示例的教程，但我找不到任何教程。如果你们中有人看过这方面的任何教程，请建议一个链接。 我已经阅读了它的创建者提供的文档和示例，但是对我来说它们看起来很复杂。

【参考方案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

    />
    )