JSPM – react-native-typing-indicator@0.0.6

Package Exports

react-native-typing-indicator

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-typing-indicator) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

example

React Native Typing Indicator

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

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