Neverending Perpetual Motion

    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

    Install

    npm i react-native-blink-view

    DownloadsWeekly Downloads

    97

    Version

    0.0.6

    License

    OSL-3.0

    Unpacked Size

    705 kB

    Total Files

    13

    Last publish

    Collaborators

    • robby-ai