react-native-stories

0.0.3 • Public • Published

react-native-stories

Whatsapp, Instagram like story component for react-native

Demo

alt text

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

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

Acknowledgments

  • WhatsApp and Instagram story components

Dependencies (0)

    Dev Dependencies (1)

    Package Sidebar

    Install

    npm i react-native-stories

    Homepage

    jynxit.us

    Weekly Downloads

    16

    Version

    0.0.3

    License

    MIT

    Unpacked Size

    8.35 kB

    Total Files

    4

    Last publish

    Collaborators

    • anshuman71
    • teamjynx