reanimated-arc
reanimated-arc copied to clipboard
How to change width and height of ReanimatedArcBase?
Hello, thank you for awesome job you do with this. I have a question. I can not change the size of the ReanimatedArcBase. Can you maybe help me with it?
It should be possible by changing the diameter
prop. However this prop cannot be animated
Here is my component:
<Reanimated.Code
exec={Reanimated.call([arcAngle.current], ([value]) => {
setText(`${Math.round((value / 360) * 100)}%`);
})}
/>
<ReanimatedArcBase
color={colors.lightGray}
diameter={200}
width={10}
arcSweepAngle={360}
lineCap="round"
rotation={0}
style={{position: 'absolute'}}
/>
<ReanimatedArcBase
color={colors.skyBlue}
diameter={200}
width={10}
arcSweepAngle={arcAngle.current}
lineCap="round"
rotation={0}
style={{position: 'absolute'}}
/>
If I set diameter like 100 it shows half of loader.
You can change the diameter, but if you change the diameter, you have to reload the app for it to take place, so I think this means it can't be dynamic.