{"id":27115377,"url":"https://github.com/parkdigy/react-native-bit-swiper","last_synced_at":"2025-04-07T04:54:58.149Z","repository":{"id":57335752,"uuid":"291675692","full_name":"parkdigy/react-native-bit-swiper","owner":"parkdigy","description":"Swiper/Carousel component for React Native.","archived":false,"fork":false,"pushed_at":"2020-10-05T02:16:10.000Z","size":11104,"stargazers_count":11,"open_issues_count":4,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T13:11:20.031Z","etag":null,"topics":["android","autoplay","card","carousel","infinite-scroll","ios","loop","react-native","scroll","scrollview","slider","snap","swiper"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/parkdigy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-08-31T09:44:36.000Z","updated_at":"2024-11-12T03:35:07.000Z","dependencies_parsed_at":"2022-09-14T19:02:44.482Z","dependency_job_id":null,"html_url":"https://github.com/parkdigy/react-native-bit-swiper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkdigy%2Freact-native-bit-swiper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkdigy%2Freact-native-bit-swiper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkdigy%2Freact-native-bit-swiper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkdigy%2Freact-native-bit-swiper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/parkdigy","download_url":"https://codeload.github.com/parkdigy/react-native-bit-swiper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247595333,"owners_count":20963943,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","autoplay","card","carousel","infinite-scroll","ios","loop","react-native","scroll","scrollview","slider","snap","swiper"],"created_at":"2025-04-07T04:54:57.701Z","updated_at":"2025-04-07T04:54:58.141Z","avatar_url":"https://github.com/parkdigy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Bit Swiper\n![platforms](https://img.shields.io/badge/platforms-ios%20%7C%20android-grightgreen)\n[![npm](https://img.shields.io/npm/v/react-native-bit-swiper.svg?style=flat)](https://www.npmjs.com/package/react-native-bit-swiper)\n![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)\n\n이 컴포넌트는 다양한 기능을 제공하는 React Native 용 Swiper/Carousel 컴포넌트입니다.\n\n- 깜박임 없는 [`루프(Loop)`](docs/Examples.md#루프-loop), [`자동 스크롤(Autoplay)`](docs/Examples.md#자동-스크롤-autoplay) 기능을 제공합니다.\n- 커스텀 가능한 [`페이지(Paginate)`](docs/Examples.md#페이지-스타일) 기능을 제공합니다.\n- 활성/비활성 아이템의 스케일(Scale), 투명도(Opacity) 설정을 포함한 [`비활성 아이템 표시`](docs/Examples.md#비활성-아이템-표시) 기능을 제공합니다.\n- [`아이템 정렬`](docs/Examples.md#아이템-정렬), [`아이템 스케일 정렬`](docs/Examples.md#아이템-스케일-정렬) 기능을 제공합니다.\n- 다양한 기능을 실시간으로 테스트할 수 있는 [`예제 프로그램`](docs/Examples.md#예제-프로그램)을 제공합니다.\n\n## 📝 업데이트\n- [`v1.1.8`](docs/Update.md#v118) : 특정 상황에 Warning 발생하는 현상 수정\n- [`v1.1.7`](docs/Update.md#v117) : Android 에서 다른 ScrollView 내에 있을 때, 자동 스크롤(Autoplay) 중지되는 현상 수정\n- [`v1.1.4`](docs/Update.md#v114) : Android 에서 루프(Loop) 사용 시 시작 아이템이 활성화 되지 않는 문제 수정 \n- [`v1.1.3`](docs/Update.md#v113) : 불필요한 Index 변경 이벤트 발생 제거\n- [`v1.1.2`](docs/Update.md#v112) : Props 변경 시 특정 상황에 [`onItemRender`](ApiReference.md#onitemrender) 이벤트가 호출되지 않는 버그 수정\n- [`v1.1.0`](docs/Update.md#v110) : 애니메이션 성능 및 안정성 향상\n- [`v1.0.2`](docs/Update.md#v102) : 비활성 아이템 표시 넓이가 다르게 표시되는 현상 수정\n- [`v1.0.1`](docs/Update.md#v101) : 최초 배포\n\n## 📖 문서\n- [API 명세서 (API Reference)](docs/ApiReference.md) : 사용 가능한 Props, Event, Method 에 대한 상세 정보를 제공합니다.\n- [예제 (Examples)](docs/Examples.md) : 다양한 예제 및 코드를 제공합니다.\n- [업데이트 (Update)](docs/Update.md) : 업데이트의 상세 정보를 제공합니다.\n\n## 📦 설치\n```\nnpm install --save react-native-bit-swiper\n```\n또는\n```\nyarn add react-native-bit-swiper\n```\n\n## 🚀 사용\n\n```javascript\nimport BitSwiper from 'react-native-bit-swiper';\n\n\u003cBitSwiper /\u003e\n```\n\n---\n_각 예제의 제목을 클릭하면, 상세 정보 및 소스 코드를 확인할 수 있습니다._\n\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [기본](docs/Examples.md#기본)***\n\n\u003ca href=\"docs/Examples.md#기본\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_basic.gif\" width=\"300\" height=\"166\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [비활성 아이템 표시](docs/Examples.md#비활성-아이템-표시)***\n\n\u003ca href=\"docs/Examples.md#비활성-아이템-표시\"\u003e\u003ca href=\"docs/Examples.md#기본\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_inactive.gif\" width=\"300\" height=\"130\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [루프 (Loop)](docs/Examples.md#루프-loop)***\n\n\u003ca href=\"docs/Examples.md#루프-loop\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_loop.gif\" width=\"300\" height=\"130\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [자동 스크롤 (Autoplay)](docs/Examples.md#자동-스크롤-autoplay)***\n\n\u003ca href=\"docs/Examples.md#자동-스크롤-autoplay\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_autoplay.gif\" width=\"300\" height=\"130\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n \n\u003ca href=\"docs/Examples.md#자동-스크롤-autoplay\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_autoplay_loop.gif\" width=\"300\" height=\"130\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [페이지 스타일](docs/Examples.md#페이지-스타일)***\n\n\u003ca href=\"docs/Examples.md#페이지-스타일\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_paginate.png\" width=\"300\" height=\"108\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [커스텀 페이지](docs/Examples.md#커스텀-페이지)***\n\n\u003ca href=\"docs/Examples.md#커스텀-페이지\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_custom_paginate.gif\" width=\"300\" height=\"138\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [아이템 정렬](docs/Examples.md#아이템-정렬)***\n\n\u003ca href=\"docs/Examples.md#아이템-정렬\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_itemalign_top.jpg\" width=\"300\" height=\"165\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\n\u003ca href=\"docs/Examples.md#아이템-정렬\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_itemalign_middle.jpg\" width=\"300\" height=\"165\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\n\u003ca href=\"docs/Examples.md#아이템-정렬\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_itemalign_bottom.jpg\" width=\"300\" height=\"165\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [아이템 스케일 정렬](docs/Examples.md#아이템-스케일-정렬)***\n\n\u003ca href=\"docs/Examples.md#아이템-스케일-정렬\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_itemscalealign_top.gif\" width=\"300\" height=\"128\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\n\u003ca href=\"docs/Examples.md#아이템-스케일-정렬\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_itemscalealign_middle.gif\" width=\"300\" height=\"128\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\n\u003ca href=\"docs/Examples.md#아이템-스케일-정렬\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_itemscalealign_bottom.gif\" width=\"300\" height=\"128\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n\u003cbr/\u003e\n\n***![](docs/img/link.png) [예제 프로그램](docs/Examples.md#예제-프로그램)***\n\n\u003ca href=\"docs/Examples.md#예제-프로그램\"\u003e\u003cimg src=\"https://github.com/parkdigy/react-native-bit-swiper/raw/master/docs/img/example_app.jpg\" width=\"300\" height=\"647\" /\u003e\u003c/a\u003e\u003cbr/\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparkdigy%2Freact-native-bit-swiper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparkdigy%2Freact-native-bit-swiper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparkdigy%2Freact-native-bit-swiper/lists"}