react-native-story
A react native component instagram stories
Installation
- 1.Run
npm i react-native-story --save
oryarn add react-native-story
- 2.
import Story from 'react-native-story'
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: user: "Ugur Erdal" avatar: id: "2" source: user: "Mustafa" avatar: id: "5" source: user: "Emre Yilmaz" avatar: id: "3" source: user: "Cenk Gun" avatar: ; { return <Story unPressedBorderColor="#e95950" pressedBorderColor="#ebebeb" stories=stories footerComponent= <TextInput placeholder="Send message" placeholderTextColor="white" style=stylesfooterInput /> />
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 |
MIT Licensed UE