<ShakingText />
Grab your user's attention by shaking a <Text>
that has changed.
Install
$ yarn add react-native-shaking-text
Or, if you use NPM:
$ npm install --save react-native-shaking-text
Use
Use it like you would use a <Text>
โ no configuration required.
It will automatically detect when the content has changed, and shake the view.
import ShakingText from 'react-native-shaking-text';
export default class App extends React.Component {
state = {
word: 'Hey',
};
componentDidMount() {
setTimeout(() => this.setState({ word: "Much attentive" }), 2000);
}
render() {
return (
<View>
<ShakingText>
{this.state.word}
</ShakingText>
</View>
);
}
}
License
MIT.