react-native-snap-carousel 使用

開發中我們經常用到通知欄，

react-native-snap-carousel 這個組件很強大 ，下面介紹下如何實現這種通知欄效果：

 _renderItem({ item, index }) {
    return (
      <View style={styles.carouView} key={`entry-${index}`} numberOfLines={1}>
        <Text style={styles.daikuanText}>{`銀行卡${item.bankeNo}尾號，放款${
          item.mony
        }元`}</Text>
      </View>
    );
  }



   <Carousel
                  ref={c => {
                    this._slider1Ref = c;
                  }}
                  data={this.state.noticeData}
                  renderItem={this._renderItem}
                  sliderWidth={ViewUtil.size.width - 30}
                  sliderHeight={44}
                  itemHeight={44}
                  itemWidth={ViewUtil.size.width - 30}
                  vertical={true}
                  activeSlideOffset={0}
                  autoplay={true}
                  loop={true}
                  autoplayDelay={500}
                  autoplayInterval={3000}
                />