react-native-stories

Whatsapp, Instagram like story component for react-native

Demo

Live in Action

Installing

npm install --save react-native-stories

Usage

import StoryImages from "react-native-stories";

render() {
  const images = [{ uri: 'myImageUrl' }]
  ...some code
  return(
    <StoryImages
      images={images || []}
      color={myColor}
    />
    ...your code continued
  ).
}

Props

| PropName | PropType | Purpose | Required | | ---------------------- | :----------: | ---------------------------: | :------------: | | images | Array | Images to show as story | Yes | | color | String | Color of progress bar | No (#FED94D) | | containerStyle | Object | Container style | No | | progressContainerStyle | Object | Progress bar container style | No | | imageStyle | Object | Image style | No | | duration | Number | Duration for progress bar | No (6000ms) | |

Built With

• React Native
• React

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Anshuman Bhardwaj - Initial work - Anshuman71

Acknowledgments

• WhatsApp and Instagram story components