{"repo":"watadarkstar/react-native-typing-animation","free":true,"listed":false,"github":"https://github.com/watadarkstar/react-native-typing-animation","clone":"git clone https://github.com/watadarkstar/react-native-typing-animation.git","description":"💬 A typing animation for your React Native chat app based on simple trigonometry to create better loaders.","language":"JavaScript","stars":292,"topics":["react-native","chat","component","animation"],"license":"MIT","category":"mobile-apps","readme_excerpt":"💬 React Native Typing Animation A typing animation for your React Native chat app based on simple trigonometry to create better loaders. Need help building your React Native app? Connect with Adrian on X 🚀 Features - Smooth movement - Customizable - No dependencies - Fast, lightweight and no images - Uses requestAnimationFrame - Works with React Native Web Installation - Using npm: npm install react-native-typing-animation --save - Using Yarn: yarn add react-native-typing-animation Example Advanced Example Props - style (Object) - Container styles; default is {} - dotColor (String) - Dot color; default is #000 (black) - dotStyles (Object) - Dot styles; default is {} - dotRadius (Integer) - Dot radius; default is 2.5 - dotMargin (Integer) - Dot margin, the space between dots; default is 3 - dotAmplitude (Integer) - Dot amplitude; default is 3 - dotSpeed (Integer) - Dot speed, the speed of the whole animation view; default is 0.15 - dotY (Integer) - Dot y, the starting y coordinate; default is 6 - dotX (Integer) - Dot x, the x coordinate of the center dot; default is 12 - show (Boolean) - Visibility, whether the whole animation view is displayed or not; default is true React Native Web The library works with React Native Web. You can see a working example here and the source code is available here. If you are using create-react-app it might be worth copying the library source files into your app instead of installing it as a dependency to avoid react-native alias issues. See ","default_branch":null,"files":null,"tree":[],"storefront":"/r/watadarkstar","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/watadarkstar/react-native-typing-animation/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}