Need help with react-native-story?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ue
167 Stars 46 Forks MIT License 37 Commits 12 Opened issues

Description

React native instagram story

Services available

!
?

Need anything else?

Contributors list

# 234,967
JavaScr...
snapcha...
React N...
instagr...
13 commits
# 821
GitHub
rust-la...
wechat-...
query-l...
3 commits
# 277,825
JavaScr...
instagr...
React N...
reactjs
1 commit

react-native-story

A react native component instagram stories

License MIT NPM version

Installation

  • 1.Run
    npm i react-native-story --save
    or
    yarn add react-native-story
  • 2.
    import Story from 'react-native-story'

Screenshots

Getting started

Add

react-native-story
to your js file.

import Story from 'react-native-story'

Inside your component's render method, use Story:

const stories = [
  {
    id: "4",
    source: require("../../../assets/stories/4.jpg"),
    user: "Ugur Erdal",
    avatar: require("../../../assets/avatars/ugurerdal.png")
  },
  {
    id: "2",
    source: require("../../../assets/stories/2.jpg"),
    user: "Mustafa",
    avatar: require("../../../assets/avatars/mustafa.png")
  },
  {
    id: "5",
    source: require("../../../assets/stories/5.jpg"),
    user: "Emre Yilmaz",
    avatar: require("../../../assets/avatars/emre.png")
  },
  {
    id: "3",
    source: require("../../../assets/stories/3.jpg"),
    user: "Cenk Gun",
    avatar: require("../../../assets/avatars/cenk.png")
  },
];

render() { return ( } /> }

API

| Props | Type | Optional | Default | Description | | -------------------- | ------ | -------- | --------- | -------------------------------------- | | id | string | required | - | Json story data must have this | | stories | object | required | - | As above example | | unPressedBorderColor | string | true | "#e95950" | Unpressed Border color | | pressedBorderColor | string | true | "#ebebeb" | Pressed border color | | footerComponent | jsx | true | - | Bottom of the stories footer component |

Thanx for the help - @wcandillon https://snack.expo.io/@wcandillon/instagram-stories

MIT Licensed UE

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.