0.2.0 • Published 5 years ago
react-native-horizontal-timeline v0.2.0
react-native-horizontal-timeline
A horizontal scrollable timeline with month days
Installation
npm i react-native-horizontal-timeline --saveHow to use it
First step: import the component:
import { HorizontalTimeline } from 'react-native-horizontal-timeline';Second step: use it with the required props
<HorizontalTimeline date={new Date().toISOString()} />
Properties
| Prop | Description | Default |
|---|---|---|
| date(required) | Valid string used in the Date() constructor, example: '2018-01-10', '2013-07-02T09:00:00', etc | None |
| data | Object in the format of { : { marked: , info: },... }, the number represents the day in the timeline, marked will bring an elevation to the day and you can also provide a information to be displayed below the dot image | None |
| backgroundColor | backgroundColor passed to each View of Day container | #fefefe |
| color | color of the text's of the component | #ac78fb |