React-native-svg: How to re-create (re-render) SVG element?

Created on 14 Sep 2016 · 4Comments · Source: react-native-svg/react-native-svg

Hello.
I have created element. Then I have got touch event and changed Rect width property. But Rect was not re-drawn at the render() function was called.
New elements were drawn, but old elements were not re-drawn with new properties.
But if these elements will have hided before they are re-draw - they will be shown successful.
What can I do?

Source

proteye

👍5

Most helpful comment

I have found a method to resolve this problem. I have added increasing the KEY parameter:
<Svg width={width} height={height} key={this.k++}>

proteye on 15 Sep 2016

👍16 🎉6 ❤3 🚀1

All 4 comments

I have found a method to resolve this problem. I have added increasing the KEY parameter:
<Svg width={width} height={height} key={this.k++}>

proteye on 15 Sep 2016

👍16 🎉6 ❤3 🚀1

Thanks @proteye for your workaround, it worked for me too.
But I have a feeling it should not be necessary... @magicismight is there an explanation for the SVG component to not re-render when state or props is updated (on old elements)?