Telegram Dark Mode - “Can it be done in React Native?”

preview_player
Показать описание


Chapters:
0:00 Intro
2:43 Setup the gesture
6:24 Take the first snapshot
10:46 Take the second snapshot
12:39 Transition between snapshots
18:16 Concurrent touches
20:44 Styling the status bar
Рекомендации по теме
Комментарии
Автор

This dude is real magician, we’re luck to learn these cool things for free, what a wonderful time to be alive and coding 😊😊

raymondmichael
Автор

For those who having issue with old Android phones, there are 2 issues

#1 overlay1 being rendered from 50 / 60 px pushed down.... to fix it in ColorSchemeContext file, where William getting the dimensions, change the screen to window
#2 on Android you are losing scroll functionality once you wrap your app with the provider. The problem is the Canvas in ColorSchemeContext file. pointerEvents not working somehow on Android. to fix it wrap Canvas with a View like this <View pointerEvents={"none"}>

BayramArif
Автор

When I grow up I want to be like you, you're amazing bro

lacerda
Автор

I've been asking myself how to recreate this for ages, love you dude

Elmatos
Автор

FInally!!! I've been waiting for this. Thank you William! You're the GOAT

lorkfongbot
Автор

Amazing video! Thank you William 🙏🏽🙏🏽🙏🏽

JoseGarcia-vrmx
Автор

Unlike the other complicated Skia videos, I fully understood the code in this video😅

alirezahadjar
Автор

Thanks for the video. I wish we could change the font size of the ide while watching the video.

Yigith
Автор

do you need 2 snapshot? why can't you get just take 1 snapshot and animate the masking to the current dark view?

Mkvkuv
Автор

bro, do u have an example of rn skia hand drawing app?

bbarreto
Автор

Many thanks for this video; it met all my expectations. I hope you are in good health to continue creating useful videos like this.
One more question: Can we add animation when changing the statusBarStyle? Because I've noticed it doesn't seem very smooth.
From a developer in Vietnam with love ❤❤❤

omega
Автор

Hey ! What's the intro music ? Event Shazam doesn't know 🤷‍♂

WTFInterview
Автор

Thank you very much for his tutorial!!! One question: doesnt a tap gesture make more sense than a pan here?

ramielwan
Автор

Hey :) are the videos on your courses up to date? Alot of packages changed so i was just wondering if it still is up to date

Clytax
Автор

I run on react native cli.
Just switch themes. animation circle not working :(

iamphucit
Автор

Great video, thanks! 👍
What plugin do you use for autocomplete code?

brauderberg
Автор

Use ImageShader inside a Circle component instead a Mask is better for performance or is the same?

darix
Автор

Can you somehow easily modify this example to behave like telegram when switching back from light to dark mode? On android it basically shrinks instead of expanding the mask to the click point?

hups
Автор

Great video! what font do you use in vscode?

matheusmatavelli
Автор

Has anyone get it on Android? I get it perfectly on iOS, but on Android the app crashes as soon as I touch the button

juliocesarlopescavallarifi