Code Monkey home page Code Monkey logo

react-native-pulse's People

Contributors

glebcha avatar golmansax avatar kodie avatar maxbeech avatar mpinter avatar sahlhoff avatar thorbenprimke avatar wkoutre avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

react-native-pulse's Issues

Invariant Violation error on install

Hey!

Love the animation - but having a bit of issue adding it. I keep getting the following error whenever I add the const Pulse = require("react-native-pulse") line.

Any help much appreciated!

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

simulator screen shot - iphone 6 - 2018-08-14 at 18 14 52

Unable to set a dynamic proprety

I'm trying to set a dynamic proprety for eg. diameter with setState.

diameter={this.state.maxDiameter}

The value I get it's correct but the pulse effect not working.

Pulse is square on Android

The pulse is square on android instead of a circle. Tested on multiple android devices: S4 and S7 Edge

Duration and Delay

Would be great if you could specify the duration of the pulse, and a time delay between pulses.

Crazy CPU load on iOS (even when backgrounded)

iOS will terminate any backgrounded app whose CPU is > 60% for 10 seconds. Ran into a bug where this component was killing our app when backgrounded. May want to consider rendering null/killing the animation when AppState !== 'active'

Use animated API instead of setState

This lib is nice, but it leaves a lot to be wanted in terms of performance since it depends on setInterval and state updates rather than the native side for animations.

Need to clear Intervals on Unmount

This component creates a few setIntervals. They need to be cleared when the component is unmounted. Otherwise, the intervals will continue to run but the component does not exist so the console will throw errors:

ExceptionsManager.js:78 Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the Pulse component.

unable to load image url

Hi there, is this support to load image from url with below code?

<Pulse color="orange" numPulses={3} diameter={400} speed={20} duration={2000} image={{ source: { uri: "http://www.freeiconspng.com/uploads/calendar-date-event-month-icon--19.png" } }} />

Cannot read property 'object' of undefined

The package generates error because of PropTypes. i checked the code and the is its still importing Proptypes inside react and its already been deprecated since v15.5.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.