search

bartgryszko / react-native-circular-progress

React Native component for creating animated, circular progress with ReactART
MIT License
2.15k stars 425 forks source link

shadow/elevation for circular progress background #265

Open 200even opened 3 years ago

200even commented 3 years ago

My team wants to implement an animated circular progress indicator like this: Screen Shot 2021-01-19 at 3 07 14 PM I have it all implemented as desired using this package except for the drop shadow. Any ideas for how to accomplish this? I've tried adding shadow styling to the childrenContainerStyle and the component style with no luck. Note that this is a different requirement than the conical gradient mentioned elsewhere. Thanks!

aboveyunhai commented 3 years ago

You have to overwrite the background <path /> in the source file. Or can make a new PR to expose a {props} from each individual component so people can do whatever they want in the future as long as they read through react-native-svg .