react-native-simple-gauge | Gauge progress module for React Native

by nerdyfactory JavaScript Version: Current License: MIT

X-Ray Key Features Code Snippets Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | react-native-simple-gauge Summary

null

Gauge progress module for React Native (iOS and Android)

Support

Quality

Security

License

Reuse

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of react-native-simple-gauge

Get all kandi verified functions for this library.

react-native-simple-gauge Key Features

No Key Features are available at this moment for react-native-simple-gauge.

react-native-simple-gauge Examples and Code Snippets

No Code Snippets are available at this moment for react-native-simple-gauge.

Community Discussions

Trending Discussions on react-native-simple-gauge

Cannot do calculations with values passed as props in React Native

QUESTION

Cannot do calculations with values passed as props in React Native

Asked 2019-Aug-23 at 17:33

I'm developing a React Native app. There, I'm using react-native-simple-gauge and I want to fill the gauge by calculating the percentage value.

I'm passing the value (value) and the reference value (refValue) as props to the particular component. Then, I calculated the percentage as follows.

this.props.value / this.props.refValue * 100

But, this gives me an error saying that

Invariant Violation: Invariant Violation: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWilUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

BTW, I'm not using any of setState, componentWillUpdate, componentDidUpdate in my component.

The relevant code segment is given below.

...

ANSWER

Answered 2019-Aug-18 at 06:28

With the information you have provided, the only difference is the this.props.refValue.

If that prop is constantly changing, it will cause the AnimatedGaugeProgress component to re-render each time.

The easiest way to find the issue is to find out the place where you are changing the value of refValue. Check in the lifecycle methods, specially ones which can trigger a render.

Source https://stackoverflow.com/questions/57541978

Community Discussions, Code Snippets contain sources that include Stack Exchange Network