react-native-blink-view

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

Screenshot

Development

PRs highly appreciated

License

GNU Public License