swiper-cum-carousel

v1.0.13

Adds Swiper wrapper around your components(two or more) of react native to make it slideshow, slider or swiper. Can also be used as carousel to display multiple components in one view at a time. Basic example of SwiperCumCarousel can be used on onboarding For more information about how to use this package see README

Latest version published 3 months ago

License: ISC

NPM

GitHub

Package Health Score

65 / 100

security
No known security issues
popularity
Limited
maintenance
Healthy
community
Limited

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.0.13	\|	10/2024	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

ISC

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (4)

GitHub Stars: 0
Forks: 0
Contributors: 1

Direct Usage Popularity

The npm package swiper-cum-carousel receives a total of 4 downloads a week. As such, we scored swiper-cum-carousel popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package swiper-cum-carousel, we found that it has been starred ? times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 1
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like swiper-cum-carousel is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Healthy

Commit Frequency

Open Issues: 0
Open PR: 0
Last Release: 3 months ago
Last Commit: 3 months ago

Further analysis of the maintenance status of swiper-cum-carousel based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that swiper-cum-carousel demonstrates a positive version release cadence with at least one new version released in the past 3 months.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 3 years
Dependencies: 0 Direct
Versions: 13
Install Size: 27 kB
Dist-tags: 1
# of Files: 6
Maintainers: 1
TS Typings: No

swiper-cum-carousel has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

React Native Swiper & Carousel

(swiper-cum-carousel) - ts support added

Flexible, lightweight and fully customizable Swiper as well as Carousel wrapper for your React Native app components, images or cards.

Important

Basically, `````` for React Native is a wrapper to wrap around your components/children & convert it into a slider / slideshow/ swiper, (e.g. best for onboarding screens).
It can also be used as Carousel displaying multiple components in single view at a time, (e.g. product cards of flipkart/ecommerce).
Thus, 2 in 1 premade swiper-cum-carousel for ease of any swipe in React Native. (examples below)

Installation

npm i swiper-cum-carousel
or
yarn add swiper-cum-carousel
cd ios && pod install

Use

import SwiperCumCarousel from 'swiper-cum-carousel'


..two or more children

Props

(items prop to make carousel active)

Name	Description
w	width of the wrapper (give width here {200},{300} etc)
renderTitle	renders a title to the wrapper's top (give name in '..')
titleStyle	gives style to title
autoPlay	autoplays the swiper as slideshow
autoPlayDuration	duration of autoplay (givr timing here 2000,3000 etc)
style	styling for the wrapper
loop	infitive slideshows, works upon button click or autoplay on but doesn't work on manual finger swiper
pagingEnabled	default it is true, but we can set false
showsScrollBar	shows a scrollbar at bottom of wrapper
showsIndex	shows index (which slide no.) is currently visible to user
indexStyle	gives styling to index
showsPagination	render pagination at bottom of wrapper (dots)
pagingNavigation	navigate to the slide through clicking on pagination dots
showsButtons	render buttons
buttonLeftText	give your button title (or component) to change left button label
buttonGroupStyle	gives styling to group of buttons (collectively)
buttonStyle	gives styling to every button
buttonRightText	give your button title (or component) to change right button label
buttonLeftStyle	gives styling to left button
buttonRightStyle	gives styling to right button
renderNextButtonOnly	renders only Next button & make th Previous button invisible (showsButtons prop needs to be stated true along)
buttonTextStyle	gives common styling to text of all buttons
disablePrevButton	Both button will be shown but Previous Button won't work
disableNextButton	Both button will be shown but Next Button won't work
animate	state is to 'faded' & fading animation will be applied (works good with autoplay,pagination click or button click)
items	Enables Carousel give it a number {2},{3},{4} etc & carousel will be automatically enabled (giving it {1.2},{1.5},{2.5} shows some portion/percentage of view accordingly) - [many props might not work good when using this prop since it changes swiper to carousel]

Contact me at mohit.chawla@workmail.com

swiper-cum-carousel development dependencies

typescript

FAQs

What is swiper-cum-carousel?

Adds Swiper wrapper around your components(two or more) of react native to make it slideshow, slider or swiper. Can als... Visit Snyk Advisor to see a full health score report for swiper-cum-carousel, including popularity, security, maintenance & community analysis.

Is swiper-cum-carousel popular?

The npm package swiper-cum-carousel receives a total of 4 weekly downloads. As such, swiper-cum-carousel popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is swiper-cum-carousel well maintained?

We found that swiper-cum-carousel demonstrated a healthy version release cadence and project activity. It has a community of 1 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is swiper-cum-carousel safe to use?

The npm package swiper-cum-carousel was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 17 December-2024, at 18:49 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP