react-native-blink-view

A <BlinkView /> component for react-native to make blinking subviews

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-native-blink-view
0.0.66 years ago7 years agoMinified + gzip package size for react-native-blink-view in KB

Readme

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