Skia Canvas rendering appears to be slightly slower than React Native's built-in components

[zhuscat]

Description

Skia Canvas rendering appears to be slightly slower than React Native's built-in components

As shown in the video, when I click the TEST button, I change the Canvas key, and you can see a momentary flicker.

61_1762421282.mp4

React Native Skia Version

2.3.10

React Native Version

0.81.5

Using New Architecture

• Enabled

Steps to Reproduce

1. git clone https://github.com/zhuscat/skia-flicker-reproduction
2. cd skia-flicker-reproduction
3. npm i
4. npm run android
5. Click the TEST button, and you can observe the flickering

Snack, Code Example, Screenshot, or Link to Repository

https://github.com/zhuscat/skia-flicker-reproduction

[wcandillon]

Thank you for this compelling example, I am looking into it now.

[zhuscat]

Thank you for this compelling example, I am looking into it now.

Hi @wcandillon

Thanks for the response! Just to add some additional info - when I tested this on iOS, I noticed there's minor flickering on the initial couple of clicks, after which it no longer occurs.

[zhuscat]

@wcandillon Hi! Just curious if there’s been any update on this issue.

[wcandillon]

@zhuscat my apologies for not closing this and thank you for pinging me. We addressed it in: #3530 and #3542. We added examples to test these issues so let me know if you have more comments on this and we'll address them