It's doesnt work, no matter what mine is saying light mode instead of dark mode
@vinhandev Жыл бұрын
tks for sharing
@FuncsIO Жыл бұрын
Thanks for watching
@klirmio21 Жыл бұрын
CAN WE MAKE THE KEYFRAMES BE INFINITE?
@FuncsIO10 ай бұрын
So the animations works only when the component mounts or unmounts. Technically it is not possible, but as a workaround you can programmatically mounts & unmounts the component by playing with the return statement.
@miglehp4592 Жыл бұрын
Really nice tutorial had to adapt a few things because I'm using expo so I'd rather use expo-sensors than react-native-sensors but works flawlessly with expo.
@FuncsIO Жыл бұрын
Glad to hear that. Thanks for watching 🙌
@sagarramaswamy8368 Жыл бұрын
Thanks a lot 👍
@sanjay_sargam Жыл бұрын
Invariant Violation: requireNativeComponent: "AndroidBlurView" was not found in the UIManager. Getting this error . Don't know how to resolve please help me to resolve this
@FuncsIO Жыл бұрын
Did you tried the demo app repo on GitHub
@sanjay_sargam Жыл бұрын
@@FuncsIO Issue solved. Thank You
@harisgunasekaran4874 Жыл бұрын
Thanks a lot, you saved me
@STREAMNCLIP Жыл бұрын
i have a question, i have a 3d object that i created in Blender3d that id like to use in this way. How exactly would i achieve this perspective effect using my 3d object file?
@FuncsIO Жыл бұрын
You can import the object using three.js. And the plug the gyroscope to rotate the object
@STREAMNCLIP Жыл бұрын
@@FuncsIO which step would i do that in?
@dwdtalks Жыл бұрын
Good job bro keep uploading
@lambertfulstacker3041 Жыл бұрын
is it possible to use a View instead of the image with multiple childrens in it (like a lottieView and few texts)
@FuncsIO Жыл бұрын
Yes, it is completely possible
@jaysonhahn5881 Жыл бұрын
Thank you!
@FuncsIO Жыл бұрын
Anytime
@erickcrus Жыл бұрын
You saved my life
@FuncsIO Жыл бұрын
😅 Anytime Erick.
@umeshbakotiya5490 Жыл бұрын
thnku bro..
@FuncsIO Жыл бұрын
Anytime brother 🙌
@SalahDev-wz8ob Жыл бұрын
bro, u nailed it well done, just i'm having an issue where I'm using expo, the problem is the code works perfectly with ios, but it doesn't with Android
@WondersAndWhy Жыл бұрын
Works with Expo? Can you post the source code with JS and not TSX?
@FuncsIO Жыл бұрын
Hey Alex, Can you pls try creating an expo snack for this code. It would be good learning experience for you too. Let me know if you are stuck anywhere. Fell free to ask for help. Good Day
@sauroncuack Жыл бұрын
Hi! Thanks for the great tutorial! I’m getting “Tried to synchronously call function {Make} from a different thread” error when trying to implement this in my project. Using runOnJS reanimated function doesn’t seem to fix it. Any ideas?
@FuncsIO Жыл бұрын
Oh, can you try running the sample repo which I have created, if not already. Also can you try cleaning node modules and try rebuilding the app.
@KuhrtCowan Жыл бұрын
I just had to add .runOnJS(true) on the pan gesture. Example: const pan = Gesture.Pan.runOnJS(true).onStart(...)...
@gokulmano7024 Жыл бұрын
need video for swipe button for react pwa
@FuncsIO Жыл бұрын
Noted 👐
@gokulmano7024 Жыл бұрын
@@FuncsIO thank you
@Spade2351 Жыл бұрын
Awesome video. I didn't even know that react native had scroll component like this. Thanks a ton!
@FuncsIO Жыл бұрын
🙌
@danielrodriguez-aleman8797 Жыл бұрын
nice job
@FuncsIO Жыл бұрын
Thanks Daniel 🙌 Comments like this keeps me motivated. Keep Hacking ✌️
@zerodegreecoder2 жыл бұрын
Thank you
@zerodegreecoder2 жыл бұрын
We need guy like you. Thanks man!
@FuncsIO2 жыл бұрын
Thanks a lot mate, I hope my videos have helped. Will be releasing more soon. Happy Hacking 🙌
@GreenBrainX2 жыл бұрын
No matter what you do, this just won't work on Xiaomi phones. It is crazy
@NicolasSilvaVasault Жыл бұрын
what do you mean? does useColorScheme detects the theme of your phone?
@ShubhamSingh-gw9kq2 жыл бұрын
Bro, my android phone flickers on runOnJS setToggle when used withTiming in place of withSpring, any soln for that?
@FuncsIO Жыл бұрын
Oh, looks like you need to change some parameters here and there as withTiming takes different set of parameters to interpolate as compared to withSpring
@surajtopal99402 жыл бұрын
amazing sir , thanks a lot
@JimitShah-ec9ph2 жыл бұрын
Bro great stuff, this really help me build similar component, but i want this button to be responsive as per the parent component, and from what i understand is we need to provide a number as width for this to render accordingly, any idea how can we make it responsive, thanks. I tried using Screenwidth but than will need to pass Screenwidth - somevalue from parent to this component
@FuncsIO2 жыл бұрын
Hey Jimit 👋 Glad to hear that. If you want to make this responsive you can put all the values in React State and use this hook to update the computed value reactnative.dev/docs/usewindowdimensions
@하이하이12342 жыл бұрын
hi. youre code doesn't work anymore... please update your code??
@FuncsIO Жыл бұрын
Thanks for highlighting this. Taking a deeper look at it and will try to fix it if required
@TechRedstone2 жыл бұрын
only updates blur when I update state, useless for animations
@FuncsIO Жыл бұрын
Didn't get it. Can you please elaborate. As of 2023 React Native Sika can solve this in a better way
@oneafrodev2 жыл бұрын
trying to split it into different screen and component. it doesnt work
@FuncsIO Жыл бұрын
What do you mean by split into different acreen?
@LevelUp36462 жыл бұрын
very nice bro keep growing
@FuncsIO Жыл бұрын
Thanks mate. Really appreciate the positive feedback, feedback like this pushes me to explore and share more learning like this. 🙌
@andymesta49132 жыл бұрын
Is it possible to use the gyroscope on another application, I mean a game for example to use the gyroscope in? Is there a way to do this?
@FuncsIO Жыл бұрын
Hey Andy 👋, Yes it is possible to do so, but of that is not recommended. Why? Because getting the update gyro value from Native side to JS side and then state updates could eat up lot of resources. Due to which user may see high CPU usage and inturn frame drops. RN is not a good tool to build games. Hope this helps 🙌
@andymesta4913 Жыл бұрын
@@FuncsIO thanks
@kiramochi_art2 жыл бұрын
hello. is it possible to set it as wallpaper?
@FuncsIO2 жыл бұрын
No, it is not possible to do that. If you want to do that you need to make lot of changes to the native code, for this building a native app would be quite ideal as compared to RN. Also this functionality will be possible only on Android, and for iOS you can't customise the wallpaper behaviour, I guess this effect is natively available on iOS's default wallpaper app.
@chrislopes94032 жыл бұрын
totaly awesome!! loved it! I added a navigation on handleComplete() function but now I am not understanding how can I reset it to initial position once I come back to this screen. Can you please help me?
@meetsorathia29375 ай бұрын
Did you figured out?
@meetsorathia29375 ай бұрын
I found the way: // Fires when animation ends const handleComplete = (isToggled: any) => { if (isToggled !== toggled) { setToggled(isToggled); props?.onToggle(); setTimeout(() => { X.value = withSpring(0); runOnJS(handleComplete)(false); setToggled(false); }, 1000); } };
@idevilsonjunior58132 жыл бұрын
Thanks for making amazing content like it!
@idevilsonjunior58132 жыл бұрын
Thanks for the video! I am Brazilian developer!
@FuncsIO2 жыл бұрын
Hey Idevilson 👋 Thanks a lot for such wonderful words.
@andresribeiroo2 жыл бұрын
i'm glad u are back
@FuncsIO2 жыл бұрын
Was a bit busy with some personal chores. Thanks a lot for your support and motivation <3
@dineshm27572 жыл бұрын
dude - you should do more videos, your style of teaching is actually far better than the good guys. restart uploading videos. will be worth your time and help others too.
@samyakjain82642 жыл бұрын
thanks a lot
@oderflaj2 жыл бұрын
Thank you !!! I had to make some changes to implement in Snack: I had to add GestureHandlerRootView to wrap the main part of the PanGestureHandler and also I had to use import {LinearGradient} from 'expo-linear-gradient' instead of import LinearGradient from 'react-native-linear-gradient'
@FuncsIO Жыл бұрын
Thanks for highlighting this, will make the same changes if required. Happy Hacking 🙌
@arshie15362 жыл бұрын
You are doing a great job. Explaining things that none usually does but everyone is in need of.
@FuncsIO Жыл бұрын
Hey Arshie 👋 Thank you very much for such a positive feedback. Comments like this keeps me motivated to explore and share my learnings with the community
@lorran-xo2 жыл бұрын
For those who Swipe Button is not working, import GestureHandlerRootView from react-native-gesture-handler and wrap SwipeButton on it, worked for me. import {GestureHandlerRootView} from 'react-native-gesture-handler'; <GestureHandlerRootView> <SwipeButton ... /> </GestureHandlerRootView>
@joseestradadev2 жыл бұрын
Thanks, this has worked for me!
@arupde63202 жыл бұрын
be regular man
@FuncsIO2 жыл бұрын
Sincere apologies, was busy with some personal chores. Currently researching for the next video, not a tutorial but new platform architecture deep dive. Stay Connected 🙌 Good Day and Thanks a lot
@usamabinishaq90862 жыл бұрын
Hello I just Installed BlurView Package But it is not working on my side as app runs it goes Crashed i really dont know what to do
@usamabinishaq90862 жыл бұрын
@Funcs IO please Help me out
@usamabinishaq90862 жыл бұрын
#FuncsIO
@z4ckfytc7772 жыл бұрын
Hi, great tutorial. I had an issue... my swipeable doesn't move :( anyone can help?
@oderflaj2 жыл бұрын
try wrapping the View of the component with GestureHandlerRootView
@WEOOLTECNOLOGY2 жыл бұрын
wow i'm 100% sure you are senior developer
@FuncsIO2 жыл бұрын
Always Jr. Dev, for the hunger of learning 🙌
@RenalTutor2 жыл бұрын
cannot gesture
@quaidbergo3 жыл бұрын
Great video, thanks a lot 👍
@surajmohanty5283 жыл бұрын
Getting error [Error: TransformError src\components\SwipeButton.js: D:\ReactNativeprojects\ezpoz\src\components\SwipeButton.js: Cannot find module '@babel/preset-typescript'. Please help me bro.Even i'm not using typeScript
@yazantaleb19173 жыл бұрын
Great video 🥰
@ethiodude98863 жыл бұрын
this is z error i get <_reactNativeReanimated.Keyframe is not a constructor> any solution?