All Projects → Johan-dutoit → react-native-timeline-feed

Johan-dutoit / react-native-timeline-feed

Licence: MIT license
Customisable timeline for react native (using FlatList). Docs: https://johan-dutoit.github.io/react-native-timeline-feed/

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to react-native-timeline-feed

Stream Rails
Rails Client - Build Activity Feeds & Streams with GetStream.io
Stars: ✭ 250 (+481.4%)
Mutual labels:  timeline
UnityUIPlayables
Tracks and Clips for controlling the Unity UI (uGUI) with Timeline.
Stars: ✭ 277 (+544.19%)
Mutual labels:  timeline
Timespace
A jQuery plugin to handle displaying of time events
Stars: ✭ 27 (-37.21%)
Mutual labels:  timeline
Timelines
A powerful & easy to use timeline package for Flutter! 🚀
Stars: ✭ 246 (+472.09%)
Mutual labels:  timeline
SwiftTweener
A pure Swift animation engine.
Stars: ✭ 74 (+72.09%)
Mutual labels:  timeline
Qt-Timeline-Widget
[Qt控件] 时间轴列表控件
Stars: ✭ 43 (+0%)
Mutual labels:  timeline
Timelinestoryteller
An expressive visual storytelling environment for presenting timelines on the web and in Power BI. Developed at Microsoft Research.
Stars: ✭ 244 (+467.44%)
Mutual labels:  timeline
Timeline
AS2 & AS3 CPPS Emulator, written in Python. (Club Penguin Private Server Emulator)
Stars: ✭ 49 (+13.95%)
Mutual labels:  timeline
laravel-quasar
⏰📊✨Laravel Time Series - Provides an API to create and maintain data projections (statistics, aggregates, etc.) from your Eloquent models, and convert them to time series.
Stars: ✭ 78 (+81.4%)
Mutual labels:  timeline
ember-vertical-timeline
A Vertical Timeline for Ember.js apps 🚀
Stars: ✭ 19 (-55.81%)
Mutual labels:  timeline
Adtimeline
Timeline of Active Directory changes with replication metadata
Stars: ✭ 252 (+486.05%)
Mutual labels:  timeline
react-native-alphabetflatlist
A Flatlist with alphabet sidebar.
Stars: ✭ 37 (-13.95%)
Mutual labels:  flatlist
react-native-invertible-flatlist
[DEPRECATED] A FlatList that can be flipped.
Stars: ✭ 17 (-60.47%)
Mutual labels:  flatlist
Chataigne
Artist-friendly Modular Machine for Art and Technology
Stars: ✭ 251 (+483.72%)
Mutual labels:  timeline
Automotive-Security-Timeline
汽车信息安全事件时间轴
Stars: ✭ 45 (+4.65%)
Mutual labels:  timeline
Mojs Player
GUI player to control your animations
Stars: ✭ 243 (+465.12%)
Mutual labels:  timeline
scenejs-timeline
🎬 @scenejs/timeline is a component that represents the timeline of Scene.js. You can control time, properties, and items.
Stars: ✭ 148 (+244.19%)
Mutual labels:  timeline
stream-net
NET Client - Build Activity Feeds & Streams with GetStream.io
Stars: ✭ 28 (-34.88%)
Mutual labels:  timeline
stream-python
Python Client - Build Activity Feeds & Streams with GetStream.io
Stars: ✭ 134 (+211.63%)
Mutual labels:  timeline
react-native-animated-flatlist
Animated Flatlist for React-Native
Stars: ✭ 56 (+30.23%)
Mutual labels:  flatlist

React Native Timeline feed

Highly customizable Timeline component for React Native (Android and iOS) and works with Expo.

code style: prettier NPM Version

NPM Downloads

Migrating from react-native-timeline-listview

If you're coming from react-native-listview and simply want to use a FlatList instead, then use the latest v1.x.x package instead. It'll be the path of least resistance.

Demo

A demo can be found on expo.

Getting Started

yarn add react-native-timeline-feed or your favorite way...

You'll need the following imports

import Timeline from 'react-native-timeline-feed';

// only needed if you're going to select a non-default preset
import { Preset } from 'react-native-timeline-feed/lib/Types';

Minimum

<Timeline data={data} />

or one of the presets

<Timeline
  data={data}
  preset={Preset.SingleColumnRight} />

Configuration

Note. Color/Width specificity is as follows (highest priority to lowest): ItemProps -> TimelineProps -> defaults.

<Timeline /> Component API

Other Component APIs

Other Examples

Custom Setup

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].