A beautiful and highly customizable timeline component for React Native.
How to use it:
1. Install & import.
# NPM $ npm i react-native-beautiful-timeline
import Timeline from "react-native-beautiful-timeline";
2. Define your event data as follows:
[ { "date": 1574342522000, "data": [ { "title": "Event 1", "subtitle": "Description 1", "date": 1574342522000 }, { "title": "Event 2", "subtitle": "Description 2", "date": 1574342501000 } ] }, { "date": 1574248261000, "data": [ { "title": "Event 3", "subtitle": "Description 3", "date": 1574248261000 } ] }, // ... ]
3. Add the timeline component to the app.
<Timeline data={data} />
Preview:
Download Details:
Author: WrathChaos
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/WrathChaos/react-native-beautiful-timeline
License: MIT