[Android Only] Error while updating property 'd' in shadow node of type: ARTShape
See original GitHub issueDescription
I got the following error when i run my project in an Android device. Works as expected in iOS emulator.
Error while updating property ‘d’ in shadow node of type: ARTShape
Expected Behavior
While the timer runs the progress will be increased, like what happens in the iOS emulator running the same project.
Device
Moto G4 Plus, Android 7.0
Code
Component
<Progress.Circle
size={200}
direction="counter-clockwise"
progress={this.state.percentage > 1 ? 1 : this.state.percentage}
thickness={10}
unfilledProgress="gray"
color={this.state.elapsed <= this.props.initial ? "blue" : "red"}
/>
Initial state
state = {
elapsed: 0,
current: 0,
percentage: 1, //min:0 max:1
status: 'idle',
interval: null,
task: 'task_1', //test only
user: 'user_1' //test only
}
componentWillMount hook
componentWillMount() {
this.props.getInitial(this.state.task);
this.props.checkOpenTasks(this.state.task)
.then((r) => {
if (r.action === 'play') {
this.setState({ elapsed: r.extra, status: 'running' });
let interval = setInterval(this.calcProgress, 1000);
this.setState({ interval });
} else {
const c = r.initial - r.elapsed;
this.setState({
elapsed: r.elapsed,
status: 'idle',
current: c < 0 ? c * -1 : c,
percentage: ((100 / (r.initial - 1000)) * r.elapsed) / 100
})
}
})
.catch((e) => console.log(e));
}
package.json
I’m using create-react-native-app
{
"name": "code",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.3.0",
"jest-expo": "~20.0.0",
"react-test-renderer": "16.0.0-alpha.12"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "node node_modules/jest/bin/jest.js --watch"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@expo/vector-icons": "^5.2.0",
"expo": "^20.0.0",
"firebase": "^4.3.1",
"lodash": "^4.17.4",
"moment": "^2.18.1",
"native-base": "^2.3.1",
"prop-types": "^15.5.10",
"react": "16.0.0-alpha.12",
"react-native": "^0.47.0",
"react-native-circular-progress": "0.0.8",
"react-native-progress": "^3.4.0",
"react-native-simple-gauge": "^0.1.4",
"react-navigation": "^1.0.0-beta.11",
"redux-persist": "^4.9.1",
"redux-thunk": "^2.2.0"
}
Issue Analytics
- State:
- Created 6 years ago
- Reactions:6
- Comments:5
Top Results From Across the Web
Error while updating property 'stroke' in shadow node of type ...
This happens when we used Progress.Circle and Progress.CircleSnail "Error while updating property 'stroke' in shadow node of type: ARTShape.
Read more >Error while updating property 'X' in shadow node of type
The error explains that it expects a variable as integer, and not as a string value. Example. <BarItem barInterval={'5'} /> is wrong, but...
Read more >error while updating property 'justifycontent' in shadow node of ...
If the NodeType value isn't present, create it using type: DWORD. Error while updating property 'stroke' in shadow node of type: ARTShape. Teams....
Read more >Error while updating property 'stroke' in shadow node of type
发现好多人跟我一样踩坑react-native-progress与最新版本的react-native不兼容,或者使用到了react-native-community/art的Shape等组件,出现Error
Read more >Error On An Android Studio Project While Updating Property:
Error while updating property 'height' in shadow node of type: RCTView. ... I have a production app that has crashs ONLY with android...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I also found this was due to the
progress
prop receivingNaN
. I had to check it beforehand usingisNaN(n)
Would be good if this could be checked for in the component before it passes the value on.I’ve found the reason is probably that the component receives a
NaN
value, as it doesn’t know how to draw it’sprogress path
, it crashes.