@andordavoti/react-native-timeago

A simple auto-updating React Native timeago Component using date-fns.

Inspired by: react-native-timeago (replaced momentjs with date-fns due to momentjs now being legacy, and switched from class-based to functional).

Supports iOS, Android and Web. Written in Typescript.

Installation

Run:

npm i @andordavoti/react-native-timeago

Import the module:

import TimeAgo from '@andordavoti/react-native-timeago';

Usage

Use it as a regular React Native Text component and pass it a Date. Other optional props can be passed which are specified bellow. There is also an Expo app example in the repo under the example folder.

import React from 'react';
import TimeAgo from '@andordavoti/react-native-timeago';

const App: React.FC = () => {
  return <TimeAgo dateTo={new Date(1536484369695)} />;
};

export default App;

Props

Name	Type	Required	Description
dateTo	Date	yes	date you want the component to count to (uses the current date as a start).
dateFrom	Date	optional	Overwrite the current Date as a starting point.
hideAgo	boolean	optional	Hides the "ago" text.
updateInterval	number	optional	How often the current date should update (only when using the "dateFrom" prop). Default is 60000 milliseconds
style	bool	optional	Style passed to the Text component.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT