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