Installations

npm install react-native-image-swiper

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.9.0

NPM Version

6.4.0 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

1

Total

1

Closed

0

Releases

Unable to fetch releases

Languages

1

JavaScript

JavaScript (100%)

Developer

7772

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

16 Commits

1 Branches

1 Contributors

Updated on Oct 07, 2020

Maintainers

1

View All 1 Contributors

Package Meta Information

Latest Version

0.0.8

Package Id

react-native-image-swiper@0.0.8

Unpacked Size

739.26 kB

Size

730.64 kB

File Count

4

NPM Version

6.4.0

Node Version

8.9.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

react-native-swiper

Peer Dependencies

3

react react-native prop-types

react-native-image-swiper

A Simple Images Slider using react-native-swiper

Getting Started

init your app

  $ react-native init ImagesSwiperApp

npm install in root

  $ cd ImagesSwiperApp
  $ npm install --save react-native-image-swiper

import ImagesSwiper

  $ import ImagesSwiper from "react-native-image-swiper";

Usage

import ImagesSwiper from "react-native-image-swiper";

const customImg = [
  "https://firebasestorage.googleapis.com/v0/b/lotapp-9e84d.appspot.com/o/aster.jpg?alt=media&token=166e66b0-9c8e-4803-918e-25762c58dbda",
  "https://firebasestorage.googleapis.com/v0/b/lotapp-9e84d.appspot.com/o/fan.jpg?alt=media&token=b419d507-9de8-4c4c-97e3-6b4eb2202e68",
  "https://firebasestorage.googleapis.com/v0/b/lotapp-9e84d.appspot.com/o/stone.jpg?alt=media&token=e9d41537-7f26-4bfd-86eb-c2ef6fc58a9c"
];

class ImagesSwiperApp extends Component {
  render() {
    return (
      <View style={styles.container}>
        <ScrollView style={{flex: 1}}>
          <Text style={styles.welcome}>Default</Text>
          <ImagesSwiper />
          <Text style={styles.welcome}>Custom Images and Styles</Text>
          <ImagesSwiper 
            images={customImg}
            autoplay={true} 
            autoplayTimeout={1.5}
            showsPagination={false}
            width={width} 
            height={height - 400} 
          />
        </ScrollView>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    marginTop: 30,
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    marginTop: 30,
    marginBottom: 10,
  },
});

Properties

Prop	Type	Description	Default	Required
`images`	array of objects	Data to be rendered in the slider	3 example images in array	Optional (Recommend that you add it yourself)
`autoplay`	Boolean	Set to `true` enable auto play mode	`false` (autoplay has currently error on Android's Dev mode)	Optional
`autoplayTimeout`	number	Delay between auto play transitions (in second).	1.5	Optional
`showsPagination`	Boolean	Set to `true` make pagination visible	`false`	Optional
`width`	number	width of image	400	Optional
`height`	number	height of image	400	Optional

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.3

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-native-image-swiper

Other packages similar to react-native-image-swiper

react-native-image-swiper

Installations

Developer Guide

No

CommonJS

8.9.0

6.4.0

Pull Requests

0

0

0

Issues

1

1

0

Releases

Unable to fetch releases

Languages

Developer

7772

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

react-native-image-swiper

Getting Started

Usage

Properties

10

0

0

0

0

0

0

0

0

0

1.3

/10