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'; Component { return <TypingIndicator /> ; }
Advanced Example
import React from "react";import TypingAnimation from 'react-native-typing-indicator'; Component { return <TypingIndicator = = = /> ; }
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