用于React Native的一个漂亮的、高度可定制的时间线组件

用于React Native的一个漂亮的、高度可定制的时间线组件。

如何使用它

1.安装和导入。

# NPM
$ npm i react-native-beautiful-timeline

import Timeline from "react-native-beautiful-timeline";

2.2.定义你的事件数据，如下所示。

[
  {
    "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.将时间线组件添加到应用程序中。

<Timeline data={data} />

预览

The postBeautiful Timeline For React Nativeappeared first onReactScript.