https://github.com/parkdigy/react-native-bit-swiper
Swiper/Carousel component for React Native.
https://github.com/parkdigy/react-native-bit-swiper
android autoplay card carousel infinite-scroll ios loop react-native scroll scrollview slider snap swiper
Last synced: 6 months ago
JSON representation
Swiper/Carousel component for React Native.
- Host: GitHub
- URL: https://github.com/parkdigy/react-native-bit-swiper
- Owner: parkdigy
- Created: 2020-08-31T09:44:36.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-05T02:16:10.000Z (about 5 years ago)
- Last Synced: 2025-03-18T13:11:20.031Z (7 months ago)
- Topics: android, autoplay, card, carousel, infinite-scroll, ios, loop, react-native, scroll, scrollview, slider, snap, swiper
- Language: JavaScript
- Homepage:
- Size: 10.6 MB
- Stars: 11
- Watchers: 1
- Forks: 2
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native Bit Swiper
[](https://www.npmjs.com/package/react-native-bit-swiper)
이 컴포넌트는 다양한 기능을 제공하는 React Native 용 Swiper/Carousel 컴포넌트입니다.
- 깜박임 없는 [`루프(Loop)`](docs/Examples.md#루프-loop), [`자동 스크롤(Autoplay)`](docs/Examples.md#자동-스크롤-autoplay) 기능을 제공합니다.
- 커스텀 가능한 [`페이지(Paginate)`](docs/Examples.md#페이지-스타일) 기능을 제공합니다.
- 활성/비활성 아이템의 스케일(Scale), 투명도(Opacity) 설정을 포함한 [`비활성 아이템 표시`](docs/Examples.md#비활성-아이템-표시) 기능을 제공합니다.
- [`아이템 정렬`](docs/Examples.md#아이템-정렬), [`아이템 스케일 정렬`](docs/Examples.md#아이템-스케일-정렬) 기능을 제공합니다.
- 다양한 기능을 실시간으로 테스트할 수 있는 [`예제 프로그램`](docs/Examples.md#예제-프로그램)을 제공합니다.
## 📝 업데이트
- [`v1.1.8`](docs/Update.md#v118) : 특정 상황에 Warning 발생하는 현상 수정
- [`v1.1.7`](docs/Update.md#v117) : Android 에서 다른 ScrollView 내에 있을 때, 자동 스크롤(Autoplay) 중지되는 현상 수정
- [`v1.1.4`](docs/Update.md#v114) : Android 에서 루프(Loop) 사용 시 시작 아이템이 활성화 되지 않는 문제 수정
- [`v1.1.3`](docs/Update.md#v113) : 불필요한 Index 변경 이벤트 발생 제거
- [`v1.1.2`](docs/Update.md#v112) : Props 변경 시 특정 상황에 [`onItemRender`](ApiReference.md#onitemrender) 이벤트가 호출되지 않는 버그 수정
- [`v1.1.0`](docs/Update.md#v110) : 애니메이션 성능 및 안정성 향상
- [`v1.0.2`](docs/Update.md#v102) : 비활성 아이템 표시 넓이가 다르게 표시되는 현상 수정
- [`v1.0.1`](docs/Update.md#v101) : 최초 배포
## 📖 문서
- [API 명세서 (API Reference)](docs/ApiReference.md) : 사용 가능한 Props, Event, Method 에 대한 상세 정보를 제공합니다.
- [예제 (Examples)](docs/Examples.md) : 다양한 예제 및 코드를 제공합니다.
- [업데이트 (Update)](docs/Update.md) : 업데이트의 상세 정보를 제공합니다.
## 📦 설치
```
npm install --save react-native-bit-swiper
```
또는
```
yarn add react-native-bit-swiper
```
## 🚀 사용
```javascript
import BitSwiper from 'react-native-bit-swiper';
```
---
_각 예제의 제목을 클릭하면, 상세 정보 및 소스 코드를 확인할 수 있습니다._
*** [기본](docs/Examples.md#기본)***
*** [비활성 아이템 표시](docs/Examples.md#비활성-아이템-표시)***
*** [루프 (Loop)](docs/Examples.md#루프-loop)***
*** [자동 스크롤 (Autoplay)](docs/Examples.md#자동-스크롤-autoplay)***
*** [페이지 스타일](docs/Examples.md#페이지-스타일)***
*** [커스텀 페이지](docs/Examples.md#커스텀-페이지)***
*** [아이템 정렬](docs/Examples.md#아이템-정렬)***
*** [아이템 스케일 정렬](docs/Examples.md#아이템-스케일-정렬)***
*** [예제 프로그램](docs/Examples.md#예제-프로그램)***
