# react-native-looped-carousel

**Repository Path**: timzaak/react-native-looped-carousel

## Basic Information

- **Project Name**: react-native-looped-carousel
- **Description**: from https://github.com/appintheair/react-native-looped-carousel
。。整理package.json,去除依赖。并且让它用的类似于jquery的轮播图
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2015-10-05
- **Last Updated**: 2022-04-01

## Categories & Tags

**Categories**: react-extensions

**Tags**: None

## README

# Looped carousel for React Native

##注意：
本fork，改掉了不少东西，让它用起来更像是jquery的轮播图。暂时没有翻页按钮这个功能，
以后可能会依照[react-native-carousel](https://github.com/nick/react-native-carousel)来实现翻页按钮。



Based on [react-native framework](https://github.com/facebook/react-native/) (as of 0.11.2) by Facebook.



## Demo
![](http://spronin.github.io/img/react.gif)

## Install

```sh
$ npm install react-native-looped-carousel --save
```

## Usage
```js
'use strict';

var React = require('react-native');
var Carousel = require('react-native-looped-carousel');
var Dimensions = require('Dimensions');
var {width, height} = Dimensions.get('window');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View
} = React;

var carouselTest = React.createClass({
  render: function() {
    return (
      <Carousel delay={500} style={{width: width, height: height}}>
          <View style={{backgroundColor:'#BADA55',width:width,height:height}}/>
          <View style={{backgroundColor:'red',width:width,height:height}}/>
          <View style={{backgroundColor:'blue',width:width,height:height}}/>
      </Carousel>
    );
  }
});

AppRegistry.registerComponent('carouselTest', () => carouselTest);
```

## Used in
 - [React Native Buyscreen](https://github.com/appintheair/react-native-buyscreen)

----

More on react-native here: http://facebook.github.io/react-native/docs/getting-started.html#content