react-native-blink-view

0.0.6 • Public • Published

react-native-blink-view Join the chat at https://gitter.im/RobbyAssistant Codacy Badge NPM version npm downloads

NPM

A Simple <View /> handler that allows a smooth blinking opacity animation on any animatable <Component />.

Installation

react-native install react-native-blink-view

Props

name desc type default
blinking Is the element blinking. boolean true
delay Delay of each blink in milliseconds. number 1500
element Blinking element type, can be 'View', 'Text' or any kind of Component View

Usage

import BlinkView from 'react-native-blink-view'
 
// 1 - Blinking button that blink every 2 sec.
// 2 - Blinking word in a text.
render() {
  return (
    <View>
 
      <BlinkView blinking={this.state.isBlinking?true:false} delay={2000}>
        <Button onPress={e=>{}}>
          <Text>Now</Text>
        </Button>
      </BlinkView>
 
      <Text>
        Sed ut perspiciatis, unde omnis iste natus error sit voluptatem
        accusantium doloremque laudantium, totam rem aperiam eaque ipsa,
        quae ab illo inventore <BlinkView element={Text}>veritatis</BlinkView>
        et quasi architecto beatae vitae dicta sunt...
      </Text>
 
    </View>
  )
}

Screenshot

Screenshot of the blinking View sample

Screenshot of the example

Development

PRs highly appreciated

License

GNU Public License

Package Sidebar

Install

npm i react-native-blink-view

Weekly Downloads

132

Version

0.0.6

License

OSL-3.0

Unpacked Size

705 kB

Total Files

13

Last publish

Collaborators

  • robby-ai