react-native-typing-indicator v0.0.6

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

• MIT

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