This package has been deprecated

Author message:

this package has been deprecated

react-native-typing-indicator

0.0.6 • Public • Published

example

React Native Typing Indicator

A customizable animated typing indicator created using
pure react native Animated library.

npm version

Core Features

  • Completely Customizable
  • No external dependencies
  • Fast, lightweight and no images

Installation

  • Using npm: npm install react-native-typing-indicator --save
  • Using Yarn: yarn add react-native-typing-indicator

Example

import React from "react";
import { TypingAnimation } from 'react-native-typing-indicator';
 
class Example extends React.Component {
  render() {
    return (
      <TypingIndicator />
    );
  }
}

Advanced Example

import React from "react";
import { TypingAnimation } from 'react-native-typing-indicator';
 
class Example extends React.Component {
  render() {
    return (
       <TypingIndicator
          backgroundStyle={styles.typingIndicatorBackground}
          duration={500}
          dotStyle={styles.dotStyle}
        />
    );
  }
}

Props

  • backgroundStyle (Object) - Background style of the typing indicator (Optional)
  • dotStyle (Object) - Style attribute for each dot in the typing indicator (Optional)
  • duration (number) - Animation duration for each dot (Optional)

License

Author

Feel free to ask me questions on Twitter @nandinicbit!

Contributors

Submit a PR to contribute :)

Roadmap

  • Create a working example with Gifted Chat
  • Add an image background that is scalable

Package Sidebar

Install

npm i react-native-typing-indicator

Weekly Downloads

52

Version

0.0.6

License

MIT

Unpacked Size

358 MB

Total Files

4842

Last publish

Collaborators

  • parimi816