react-native-canvas draw arc android not working perfect. about react-native-canvas

[iddan]

This has to do with the DPI of the device. What is the Android device you're testing on?

[batmanhit]

I am using Samsung Galaxy S7 and iPhone 7+

[batmanhit]

But most of the android users use devices like this and as I know, Samsung has high DPI than iPhones.

[iddan]

Are you running on an emulator or an actual device?

[batmanhit]

I am running on actual devices, not simulators.
Those screenshots are what I have taken from my phones.
If you want to test that on your side, I can upload the whole component code.
Please let me know if you need it.

[iddan]

Why are you running this code only for iOS?

if (Platform.OS === 'ios') {
        this.canvas.width = width
        this.canvas.height = height
}

[batmanhit]

I often had issues when the width & height gets bigger than 150 on iOS, it worked weird so I implemented scaling for iOS components.

[iddan]

If you are changing the canvas size you should set it through canvas.width and canvas.height for Android as well.

[batmanhit]

So you mean, I set canvas.width & canvas.height for Android as well and implement the scaling again for android?
Intersting....
Let me try...

[iddan]

You should not do scaling yourself. React Native Canvas auto-scales your canvas dimensions according to the device dimensions. You should set the sizes to your desired values and let the component do the heavy lifting.

[batmanhit]

@iddan , I am a little confused how to deal with it. Can you fix some code snippet?

https://gist.github.com/cooleagle8837/bfc16b4fb061e4fe4af48b521ca3b070

[iddan]

Unfortunatley I don't have the time to debug in the moment. Will try to get it later

[batmanhit]

If you have no time, I will try to debug but actually, I cannot understand what you mean and how I can fix that. I will try various methods you have in mind.