amazing tutorial!! thanks, I'm your big fan!!! I have one question. I want apply constraints about scale e.g 0.5 < origin scale < 3 possible?? how to approach?? please hint :’
@@andrewsabato6887 I think there is two solution. 1. trace scale value It is hard that reverse calculate from 'matrix' so, track scale 2. extract rotate gesture in matrix -- I was solved this issue using 1 it work almost well, but sometimes occur bug :’ e.g) more scale up or down than setting contraints
hi, i would like to ask if you could help me with scrollable list in react-native-skia, i did it that it can scroll vertically and horizontally but i have problem with implementing it like a flatlist, that from lets say 300 items its show only 30 on screen and when you are scrolling down its load more and destroy items behind, do you have maybe any idea how to implement something like this? i tried with viewport height start and end and check if item x,y are inside viewport but with scrolling it was lagging on android and the list was just rerendering on screen instead of adding new items like by flatlist, is it possible on canvas?
@@wcandillon just checked it, still doesn't work... I even removed the pan and rotate ... still zooming top left corner only... UPDATE: On IOS all of them works good but not in a scrollable. Flatlist, ScrollView etc...
flutter is dead by it's design Decades of development and invention by native mobile platforms(swift/kotlin) goes to trash by google skia implementation. It's the same as using Unity for development UI apps Flutter as idea is pure devil and need to be closed
Here's an updated version of this tutorial: ruclips.net/video/5yM4NPcTwY4/видео.html
What a game changer is Skia, love it. Thank you William!
I would like the RN team to look at this (Skia), and put in naturally within the core of React Native!!! this is amazing s2 ;D
I love your videos! Thanks for your amazing work :)
Thank you! Great video!
When's a Skia course coming?!
I love this place....
hey , what if element (sticker) is too small that it becomes unpinchable.. how to make it behave like instagram .help me out here
i feel like working with matrices only works for gesture.race and not for simultaneous rotation/scale/pan …. or is there a way?
amazing tutorial!! thanks, I'm your big fan!!!
I have one question.
I want apply constraints about scale
e.g 0.5 < origin scale < 3
possible?? how to approach?? please hint :’
oh...
I thought it was hard...
e.g extract scale in matrix
I solved this situation use easy way track scale change.
@@fexit-k7f How did you solve for this?
@@andrewsabato6887
I think there is two solution.
1. trace scale value
It is hard that reverse calculate from 'matrix'
so, track scale
2. extract rotate gesture in matrix
--
I was solved this issue using 1
it work almost well, but sometimes occur bug :’
e.g) more scale up or down than setting contraints
hi, i would like to ask if you could help me with scrollable list in react-native-skia, i did it that it can scroll vertically and horizontally but i have problem with implementing it like a flatlist, that from lets say 300 items its show only 30 on screen and when you are scrolling down its load more and destroy items behind, do you have maybe any idea how to implement something like this? i tried with viewport height start and end and check if item x,y are inside viewport but with scrolling it was lagging on android and the list was just rerendering on screen instead of adding new items like by flatlist, is it possible on canvas?
Sir please make video using react native cli
Hi, how to use box shadow , elevation doesn't have much control in android
can i download this in svg fromat or png format?
Cmd+shift+O - removes all unused imports
man we need tutorials from you (paid)
paid akhoya kaheltiha 3a9a lah isahel elik :)
@@hassanfeyd5284 nass kidewsiw b anglais hna asahbi ta jayeb darija m3ak
vs code theme name?
Did someone try this example on android ??? becouse it seems doenst work
did you try the following order: Gesture.Race(scale, rotate, pan), I updated the source for it.
@@wcandillon yesterday sent you a video about the result . When you did update it i can try again
@@wcandillon just checked it, still doesn't work... I even removed the pan and rotate ... still zooming top left corner only... UPDATE: On IOS all of them works good but not in a scrollable. Flatlist, ScrollView etc...
RN Skia without support for RN View and Text is completely useless.
Can you expand a bit into why?
Only flutter
flutter is dead by it's design
Decades of development and invention by native mobile platforms(swift/kotlin) goes to trash by google skia implementation. It's the same as using Unity for development UI apps
Flutter as idea is pure devil and need to be closed
🤣🤣🤣🤦♂️🤦♂️🤦♂️
@@ancill6355 cry more hhahah
Awesome video! Thank you