Beautiful Timeline For React Native

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:

Beautiful Timeline For React Native

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

You Might Be Interested In:

Add Comment