It's the eight wonder of the world looking at where Reanimated has come from. Most of this is is now implemented internally now, with even better performance in V2. As always thank you for your videos.
I'm a UI/UX designer watching this to learn how animations get implemented after hand-off. This seems extremely complicated for a seemingly simple interaction. Is there not a more intuitive/approachable way to do this? Are there visual builders and animation editors that allow you to do this without writing so much code manually? If so, why aren't they industry standard??
Please help, how do i do it with functional components, i have it like this var Opacity = new Value(1);
function onStateChange() { Animated.event([ { nativeEvent: ({state}) => Animated.block([ Animated.cond( Animated.eq(state, State.END),set(Opacity,runTiming(new Clock(), 1, 0)) ) ]) } ]); } when i tap it doesn't fade away, if i replace Animated.eq(state, State.END),set(Opacity,runTiming(new Clock(), 1, 0)) for Animated.eq(state, State.END),set(Opacity.setvalue(0)) it works but doesn't work when i use the clock.
Sir i don't know why or how but the button is not responding to my taps ... I have understood each and every part of the code and typed myself and when it didn't worked i even copied from the source ... But the animation isn't working
I made this video without expo (RN 0.61.5) and you should only install the react-native-gesture-handler and react-native-reanimated libraries as indicated in the documentation of both.
Why from 'expo' 'and not in from 'react-native'? I not like of the study with expo, emulator in virtual device or smartphone myself, note zero for video class
I made this video without expo (RN 0.61.5) and you should only install the react-native-gesture-handler and react-native-reanimated libraries as indicated in the documentation of both.
@@aminbashanfar1914 Yep it does have a learning curve and the docs aren't very beginner friendly. Maybe watching this will clear some more things up : th-cam.com/video/aoENL4gF9rE/w-d-xo.html
It's the eight wonder of the world looking at where Reanimated has come from.
Most of this is is now implemented internally now, with even better performance in V2.
As always thank you for your videos.
I'm a UI/UX designer watching this to learn how animations get implemented after hand-off. This seems extremely complicated for a seemingly simple interaction. Is there not a more intuitive/approachable way to do this? Are there visual builders and animation editors that allow you to do this without writing so much code manually? If so, why aren't they industry standard??
started adding this to my app. waiting for #3
Hello, I really so grateful to do these videos!
Sir please keep making this kind of videos this is so helpful i can't even express in word million thanks..
Please help, how do i do it with functional components, i have it like this
var Opacity = new Value(1);
function onStateChange() {
Animated.event([
{
nativeEvent: ({state}) =>
Animated.block([
Animated.cond(
Animated.eq(state, State.END),set(Opacity,runTiming(new Clock(), 1, 0))
)
])
}
]);
}
when i tap it doesn't fade away, if i replace
Animated.eq(state, State.END),set(Opacity,runTiming(new Clock(), 1, 0))
for
Animated.eq(state, State.END),set(Opacity.setvalue(0))
it works but doesn't work when i use the clock.
Pudiste solucionar??
Must subscribe immediately! Awesome tutorial!
is that runTiming different from Animated.timing() ? can i use Animated.timing() instead ? what the pros and cons between two ? please help me
como ejecuto el emulador del telefono para ver el progreso en vivo
Sir i don't know why or how but the button is not responding to my taps ... I have understood each and every part of the code and typed myself and when it didn't worked i even copied from the source ... But the animation isn't working
Same question, doesn't seems to working for me on android
Just confirmed, not working android but working on IOS
see solution here - stackoverflow.com/questions/58015248/tapgesturehandler-not-triggering-onhandlerstatechange
@@ubannadan-ekeh7781 you saved my hours thanks
@@ubannadan-ekeh7781 where i have to put this fix?
Can you make one video on animation on splash screen?
Can you create the animation value in a parent component en give that value to a child component to use? My app doesn't start when I try this
for Es 6 what can we do
this video is so helpful! thank you and waiting for next videos :D
I got this error Invariant Violation: Invariant Violation: Native driven events only support animated values contained inside `nativeEvent`.
is there a way you can help? this doesn't work anymore
awesome once again
This is a very helpful video, thank you! Nevertheless, it raises the question, is there any way to make animations in react-native more concise?
why doesn't work on new react-native-gesture-handler and react-native-reanimated?
same here... stuck now... trying to find a work around
Very nice!
I like your videos really much
Could You show this example without expo ? , please
I made this video without expo (RN 0.61.5) and you should only install the react-native-gesture-handler and react-native-reanimated libraries as indicated in the documentation of both.
how to do it in Functional Component?
i know right idk why he is using classes
very nice!!!!!
Great video tutorials! Are you available for hire on a per project basis?
Thanks Peter you can dm me on Twitter @nathvarun
@@UnsureProgrammer Thank you. I will do that for sure. Thank you for quick response!
Why from 'expo' 'and not in from 'react-native'?
I not like of the study with expo, emulator in virtual device or smartphone myself,
note zero for video class
I made this video without expo (RN 0.61.5) and you should only install the react-native-gesture-handler and react-native-reanimated libraries as indicated in the documentation of both.
pls make a series for responsive react native app pls T^T
Using it on my app too
is it work for android?
i tried with a device and didn't work
bro need help about react native ?????????????/
if you can explain more what you do is gonna be better because I feel that you are just making it works but don't know why, overall great job
Hey amin. Thanks. Any specific parts you could point out that need more clarification ?
@@UnsureProgrammer about the animated library and reanimated I didn't get how they work
@@aminbashanfar1914 Yep it does have a learning curve and the docs aren't very beginner friendly. Maybe watching this will clear some more things up : th-cam.com/video/aoENL4gF9rE/w-d-xo.html
🙏
thanks i did not buy this course from udemy
LOL man this does not work anymore. I will just read the documentation to find out issue. Thank you. I still like your videos!!
Hey. Did you figure out how to get it working again? Please let me know if you did. Thanks!
@@darryl_young Yes I figured it out which part is not working for you?
I performed it today and it works perfectly
@@giu_codea Oh. I did not build it exactly the same. I customized it but used the 3 extra for other components of the screen
@@Unmaleable I figured it out but thanks anyway. Like you, I was customising it and had an issue with that.