1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/timzaak-react-native-looped-carousel

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 2 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 13.03.2025 23:43 d3bbb37

Циклическая карусель для React Native

Обратите внимание:

Этот fork внес изменения, чтобы карусель работала более похоже на jQuery-карусели. В данный момент отсутствует возможность использовать кнопки для перелистывания страниц, но эта функциональность может быть реализована позже с использованием методологии из react-native-carousel.

Основано на фреймворке React Native (версия OnClickListener 0.11.2) от Facebook.

Демонстрация

Установка

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

Использование

'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);

Пример использования


Дополнительная информация о React Native доступна здесь: http://facebook.github.io/react-native/docs/getting-started.html#content

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/timzaak-react-native-looped-carousel.git
git@api.gitlife.ru:oschina-mirror/timzaak-react-native-looped-carousel.git
oschina-mirror
timzaak-react-native-looped-carousel
timzaak-react-native-looped-carousel
master