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.
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. 😍
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).
th-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 th-cam.com/video/AK3eqClADoY/w-d-xo.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.
Happy you posted a new video, they are by far the best react-native videos ;)
J'adore cette série, ça me donne plein d'idée pour mes projets ! (j'adore aussi ton accent Français ahah)
William, thank you so much for creating this amazing video. keep doing the amazing work you are doing! 🙏🏽
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.
How could I place editable texts in the sticker location? With customizable fonts and colors? It could be an idea for the next video.
Damn I missed your content!!
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 :)
Love it, I'm going to try this!
Great content😬! Please what is the font used for the code in the intro part of the tutorial ?
fonts.adobe.com/fonts/ellograph-cf
what version of skia can i use the matrix buffer ? :)
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
What is the color scheme you use? Also loved how the rgb codes are color highlighted. It's an extension?
What is the intro music please? Reminds me of Ratatat
@William, how do you render 3d mockup of a phone in Remotion?
rotato.app made in beautiful Zürich Switzerland too :)
Great Video🎉 I'm happy
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).
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
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?
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
Has anyone managed to make the Gestures work. I can only move our my Stickers but can't rotate or resize :/
what are these fonts ?
how to call js function inside gesture, when i set .runOnJS(true), it crashed m.concat(matrix);
th-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.
Hello William Candillon, Can you please guide or made a video for an App like "Sticker Maker for WhatsApp".
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 th-cam.com/video/AK3eqClADoY/w-d-xo.htmlsi=bfbi92PEo8yQkLxW
Wondering if it would make a difference if it is implemented using a FlatList instead of the ScrollView...
Thanks new video
Like & share. Great video
лысый из браззерс
Dude should start working in fb now
🙈 'Promo sm'
Why not you give a try to flutter