react-native-shake-text

0.1.2 • Public • Published

React Native Shake Text

Battle Tested ✅

React Native Shake Text

npm version npm Platform - Android and iOS License: MIT styled with prettier

React Native Shake Text

Installation

Add the dependency:

npm i react-native-shake-text

Peer Dependencies

Zero Dependency

Usage

Import

import ShakeText from "react-native-shake-text";

Fundamental Usage

import ShakeText from "react-native-shake-text";

shakeTextRef: ShakeText | null = null;

<ShakeText
  ref={(ref: any) => (this.shakeTextRef = ref)}
>
  Shake Text
</ShakeText>


<Button onPress={() =>{ 
  this.shakeEmailRef?.startShakeAnimation();
}}>

Start the Shake Animation

Simply you just need to call the startShakeAnimation by its reference

this.shakeEmailRef?.startShakeAnimation();

Example Project 😍

You can checkout the example project 🥰

Simply run

  • npm i
  • react-native run-ios/android

should work of the example project.

Configuration - Props

Fundamentals

There is a prop-drilling for both animated view and the text. You can customize anything :)

Future Plans

  • [x] LICENSE
  • [ ] Write an article about the lib on Medium

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Shake Text is available under the MIT license. See the LICENSE file for more info.

Package Sidebar

Install

npm i react-native-shake-text

Weekly Downloads

33

Version

0.1.2

License

MIT

Unpacked Size

10.7 kB

Total Files

14

Last publish

Collaborators

  • freakycoder