MrToph / react-native-progress-circle

A light-weight progress circle indicator for React Native.
MIT License
190 stars 83 forks source link

background overlaps border #4

Open crazypixel opened 7 years ago

crazypixel commented 7 years ago

tried with different parameters..

marked

screen shot 2017-08-02 at 10 49 34

MrToph commented 7 years ago

Hi, yep I noticed this, too. Might be a dumb solution but I should increase the inner color by one pixel and check if this solves it.

I 'll create an MR on the weekend.

crazypixel commented 7 years ago

@MrToph thanks !!

jankarres commented 6 years ago

@MrToph First of all, thanks for your great package. But what is the status of this ticket? I have still this issue on both Android and iOS. Thanks for your support!

demo

MrToph commented 6 years ago

Hi, sorry for not communicating.

I tried to solve it a while ago but the approach didn't work out and introduced other rendering issues. Haven't found the time to look into it more since then.

jankarres commented 6 years ago

Thanks for your response @MrToph. I'll try it in next few days and actually send a pull request.

jankarres commented 6 years ago

@MrToph I looked for a solution, but did not find one. I would be glade if you could take a look at this issue or explain how the "dumb solution" works. Thanks a lot!

MrToph commented 6 years ago

Hi @jankarres thanks for trying. As I said my "dumb solution" (increasing the radius of the gray color) didn't work out in the end, that's why there's still no progress on this issue. I 'll think about a new approach

thambt commented 6 years ago

Hi .I have same problem. when i set shadowColor with a light color.

screen shot 2017-11-08 at 13 47 48

This is my code: percent={10} radius={30} borderWidth={8} color="#027af4" shadowColor="rgba(39,39,39,0.9)" bgColor="#424242"

jankarres commented 6 years ago

@MrToph Any news from you #Hacktoberfest?

TheGreatAndrew commented 6 years ago

.

Dhaval240420 commented 5 years ago

any one find solution for this issue i tried but not working

linweiwei123 commented 5 years ago

same problem image

maxweb4u commented 4 years ago

To fix this issue you need to add

outerCircleStyle={{overflow: 'hidden'}}

into props of Circle component.

zabsalahid commented 4 years ago

To fix this issue you need to add

outerCircleStyle={{overflow: 'hidden'}}

into props of Circle component.

It doesn't work on my end. I have white shadowColor.

ulrellik commented 4 years ago

To fix this issue you need to add

outerCircleStyle={{overflow: 'hidden'}}

into props of Circle component.

It helped, but the problem is still there. Anyone found a solution to get completely rid of the problem?

21