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

| 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