That video is helpful and useful. I'm looking forward to a tutorial on how to create the animation for switching between light mode and dark mode, as demonstrated in your App.js Conf 2023 presentation. 😍
Your videos are awesome! Thank you for taking the time to share with everyone! One question. What about applying an offset whilst pinching? I can get an image to offset using the focal points but never to preserve the correct offset after the scaling is affected.
Hey Willam. Thanks for this, it helped a lot. One feedback, in the toM4 function of the matrix helpers, skewX and skewY should change places. So skewX should be at index 1 and skewY should be at index 4.
I'm just not able to understand this matrix stuff, would love to see a tutorial series that would teach us from the basics to advanced concepts of RN Skia and Gesture Handler
Hi @William Candillon, amazing video as usual! I am wondering if we can insert "text" just like on the Instagram app ? Im still have not found the way to dynamically add text with react native skia .. Thank you !
The way I would approach this would probably be to enter the text and style it with RN and then use this: shopify.github.io/react-native-skia/docs/snapshotviews. But you can also just save the text and display it with Skia (link in the description).
ua-cam.com/users/shorts1AqYswhlrGo I'm trying to handle removing the sticker when dragging to the corner of the screen, I managed to get around to that UI, but when I want to call the JS function inside .onEnd() it can't and I put runOnJS(true), I can call the function inside .onEnd() however, I get an error with your translate() function. Can you explain more to me about this, you are the best I know about React-Native, thank you.
Thanks you very much sir William ✨✨. Please, there is an interesting one that I really want you to make it; the Telegram shared transition from one channel to another when we are at the bottom of the channel. Can it be done in React Native? 😊😊
@@wcandillon this is it ua-cam.com/video/AK3eqClADoY/v-deo.htmlsi=bfbi92PEo8yQkLxW Wondering if it would make a difference if it is implemented using a FlatList instead of the ScrollView...
Happy to see a new video in this series.
J'adore cette série, ça me donne plein d'idée pour mes projets ! (j'adore aussi ton accent Français ahah)
Happy you posted a new video, they are by far the best react-native videos ;)
William, thank you so much for creating this amazing video. keep doing the amazing work you are doing! 🙏🏽
what version of skia can i use the matrix buffer ? :)
How could I place editable texts in the sticker location? With customizable fonts and colors? It could be an idea for the next video.
That video is helpful and useful. I'm looking forward to a tutorial on how to create the animation for switching between light mode and dark mode, as demonstrated in your App.js Conf 2023 presentation. 😍
I'm looking forward to that animation switch, looks great!
yes this is still very much the plan :)
What is the intro music please? Reminds me of Ratatat
Damn I missed your content!!
Love it, I'm going to try this!
Your videos are awesome! Thank you for taking the time to share with everyone!
One question. What about applying an offset whilst pinching? I can get an image to offset using the focal points but never to preserve the correct offset after the scaling is affected.
Great content😬! Please what is the font used for the code in the intro part of the tutorial ?
fonts.adobe.com/fonts/ellograph-cf
@William, how do you render 3d mockup of a phone in Remotion?
rotato.app made in beautiful Zürich Switzerland too :)
what are these fonts ?
Great Video🎉 I'm happy
What is the color scheme you use? Also loved how the rgb codes are color highlighted. It's an extension?
Hi, new to react native here, thanks for sharing❤ I am wondering if I wanna add some self-made png/gif as stickers, is it possible?
Welcome to the community 🙋🏼♂️ And you can absolutely use images. Skia has a component for that.
@@wcandillon that's nice, thx, trying out with your video🌞looking forward to learn more on RN
Hey Willam. Thanks for this, it helped a lot. One feedback, in the toM4 function of the matrix helpers, skewX and skewY should change places. So skewX should be at index 1 and skewY should be at index 4.
that's a great catch :)) we fixed it in the skia repo but not in this particular example will do it
Hello William, thank you so much for creating this amazing video. Can you please explain me how to edit saved image? is this possible or not?
I'm just not able to understand this matrix stuff, would love to see a tutorial series that would teach us from the basics to advanced concepts of RN Skia and Gesture Handler
Has anyone managed to make the Gestures work. I can only move our my Stickers but can't rotate or resize :/
Hello William Candillon, Can you please guide or made a video for an App like "Sticker Maker for WhatsApp".
Hi @William Candillon, amazing video as usual! I am wondering if we can insert "text" just like on the Instagram app ? Im still have not found the way to dynamically add text with react native skia .. Thank you !
The way I would approach this would probably be to enter the text and style it with RN and then use this: shopify.github.io/react-native-skia/docs/snapshotviews. But you can also just save the text and display it with Skia (link in the description).
awesome ! @@wcandillon I will try it out, much appreciated!
Hi @wcandillon, is there any way for me to get the Matrix ? My usecase is to make the text moveable
how to call js function inside gesture, when i set .runOnJS(true), it crashed m.concat(matrix);
ua-cam.com/users/shorts1AqYswhlrGo
I'm trying to handle removing the sticker when dragging to the corner of the screen, I managed to get around to that UI, but when I want to call the JS function inside .onEnd() it can't and I put runOnJS(true), I can call the function inside .onEnd() however, I get an error with your translate() function. Can you explain more to me about this, you are the best I know about React-Native, thank you.
Thanks new video
Thanks you very much sir William ✨✨.
Please, there is an interesting one that I really want you to make it; the Telegram shared transition from one channel to another when we are at the bottom of the channel.
Can it be done in React Native? 😊😊
could you share a screen recording of it?
@@wcandillon this is it ua-cam.com/video/AK3eqClADoY/v-deo.htmlsi=bfbi92PEo8yQkLxW
Wondering if it would make a difference if it is implemented using a FlatList instead of the ScrollView...
Like & share. Great video
лысый из браззерс
Dude should start working in fb now
🙈 'Promo sm'
Why not you give a try to flutter