react-native-progress-circle icon indicating copy to clipboard operation
react-native-progress-circle copied to clipboard

background overlaps border

Open crazypixel opened this issue 8 years ago • 15 comments

tried with different parameters..

marked

screen shot 2017-08-02 at 10 49 34

crazypixel avatar Aug 02 '17 07:08 crazypixel

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.

MrToph avatar Aug 02 '17 21:08 MrToph

@MrToph thanks !!

crazypixel avatar Aug 03 '17 03:08 crazypixel

@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

jankarres avatar Sep 30 '17 10:09 jankarres

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.

MrToph avatar Oct 03 '17 18:10 MrToph

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

jankarres avatar Oct 05 '17 16:10 jankarres

@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!

jankarres avatar Oct 24 '17 17:10 jankarres

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

MrToph avatar Oct 25 '17 18:10 MrToph

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"

thambt avatar Nov 08 '17 07:11 thambt

@MrToph Any news from you #Hacktoberfest?

jankarres avatar Nov 10 '17 15:11 jankarres

.

TheGreatAndrew avatar Jul 13 '18 22:07 TheGreatAndrew

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

Dhaval240420 avatar Jan 03 '19 07:01 Dhaval240420

same problem image

linweiwei123 avatar May 28 '19 01:05 linweiwei123

To fix this issue you need to add

outerCircleStyle={{overflow: 'hidden'}}

into props of Circle component.

maxweb4u avatar Nov 18 '19 21:11 maxweb4u

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.

zabsalahid avatar Dec 04 '19 02:12 zabsalahid

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

ulrellik avatar Dec 09 '19 23:12 ulrellik