Instagram Stickers - “Can it be done in React Native?”
11,777
Publicado 2023-08-22
Boilerplate: bit.ly/instagram-sticker-boilerplate
Learn React Native Gestures and Animations at start-react-native.dev/
Example of Sticker with Skia: github.com/Shopify/react-native-skia/blob/main/exa…
Matrix Swap PR in Skia: github.com/Shopify/react-native-skia/pull/1797/fil…
Chapters:
0:00 Intro
2:13 Create stickers from Figma
14:42 Gesture handing
25:36 Share picture
27:20 Performance tip
Todos los comentarios (21)
-
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! 🙏🏽
-
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.
-
Damn I missed your content!!
-
Great Video🎉 I'm happy
-
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. 😍
-
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?
-
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
-
How could I place editable texts in the sticker location? With customizable fonts and colors? It could be an idea for the next video.
-
Thanks new video <3
-
What is the intro music please? Reminds me of Ratatat
-
Great content😬! Please what is the font used for the code in the intro part of the tutorial ?
-
what version of skia can i use the matrix buffer ? :)
-
What is the color scheme you use? Also loved how the rgb codes are color highlighted. It's an extension?
-
@William, how do you render 3d mockup of a phone in Remotion?
-
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 !