React-native-blink-view NPM

react-native-blink-view

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>
  )
}