Пікірлер
@J-wd2cx
@J-wd2cx 2 ай бұрын
Thanks!!! very helpful 🙏🙏
@jerrymardeburg9313
@jerrymardeburg9313 3 ай бұрын
It's doesnt work, no matter what mine is saying light mode instead of dark mode
@vinhandev
@vinhandev Жыл бұрын
tks for sharing
@FuncsIO
@FuncsIO Жыл бұрын
Thanks for watching
@klirmio21
@klirmio21 Жыл бұрын
CAN WE MAKE THE KEYFRAMES BE INFINITE?
@FuncsIO
@FuncsIO 10 ай бұрын
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
@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
@FuncsIO Жыл бұрын
Glad to hear that. Thanks for watching 🙌
@sagarramaswamy8368
@sagarramaswamy8368 Жыл бұрын
Thanks a lot 👍
@sanjay_sargam
@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
@FuncsIO Жыл бұрын
Did you tried the demo app repo on GitHub
@sanjay_sargam
@sanjay_sargam Жыл бұрын
@@FuncsIO Issue solved. Thank You
@harisgunasekaran4874
@harisgunasekaran4874 Жыл бұрын
Thanks a lot, you saved me
@STREAMNCLIP
@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
@FuncsIO Жыл бұрын
You can import the object using three.js. And the plug the gyroscope to rotate the object
@STREAMNCLIP
@STREAMNCLIP Жыл бұрын
@@FuncsIO which step would i do that in?
@dwdtalks
@dwdtalks Жыл бұрын
Good job bro keep uploading
@lambertfulstacker3041
@lambertfulstacker3041 Жыл бұрын
is it possible to use a View instead of the image with multiple childrens in it (like a lottieView and few texts)
@FuncsIO
@FuncsIO Жыл бұрын
Yes, it is completely possible
@jaysonhahn5881
@jaysonhahn5881 Жыл бұрын
Thank you!
@FuncsIO
@FuncsIO Жыл бұрын
Anytime
@erickcrus
@erickcrus Жыл бұрын
You saved my life
@FuncsIO
@FuncsIO Жыл бұрын
😅 Anytime Erick.
@umeshbakotiya5490
@umeshbakotiya5490 Жыл бұрын
thnku bro..
@FuncsIO
@FuncsIO Жыл бұрын
Anytime brother 🙌
@SalahDev-wz8ob
@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
@WondersAndWhy Жыл бұрын
Works with Expo? Can you post the source code with JS and not TSX?
@FuncsIO
@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
@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
@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
@KuhrtCowan Жыл бұрын
I just had to add .runOnJS(true) on the pan gesture. Example: const pan = Gesture.Pan.runOnJS(true).onStart(...)...
@gokulmano7024
@gokulmano7024 Жыл бұрын
need video for swipe button for react pwa
@FuncsIO
@FuncsIO Жыл бұрын
Noted 👐
@gokulmano7024
@gokulmano7024 Жыл бұрын
@@FuncsIO thank you
@Spade2351
@Spade2351 Жыл бұрын
Awesome video. I didn't even know that react native had scroll component like this. Thanks a ton!
@FuncsIO
@FuncsIO Жыл бұрын
🙌
@danielrodriguez-aleman8797
@danielrodriguez-aleman8797 Жыл бұрын
nice job
@FuncsIO
@FuncsIO Жыл бұрын
Thanks Daniel 🙌 Comments like this keeps me motivated. Keep Hacking ✌️
@zerodegreecoder
@zerodegreecoder 2 жыл бұрын
Thank you
@zerodegreecoder
@zerodegreecoder 2 жыл бұрын
We need guy like you. Thanks man!
@FuncsIO
@FuncsIO 2 жыл бұрын
Thanks a lot mate, I hope my videos have helped. Will be releasing more soon. Happy Hacking 🙌
@GreenBrainX
@GreenBrainX 2 жыл бұрын
No matter what you do, this just won't work on Xiaomi phones. It is crazy
@NicolasSilvaVasault
@NicolasSilvaVasault Жыл бұрын
what do you mean? does useColorScheme detects the theme of your phone?
@ShubhamSingh-gw9kq
@ShubhamSingh-gw9kq 2 жыл бұрын
Bro, my android phone flickers on runOnJS setToggle when used withTiming in place of withSpring, any soln for that?
@FuncsIO
@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
@surajtopal9940
@surajtopal9940 2 жыл бұрын
amazing sir , thanks a lot
@JimitShah-ec9ph
@JimitShah-ec9ph 2 жыл бұрын
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
@FuncsIO
@FuncsIO 2 жыл бұрын
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
@하이하이1234
@하이하이1234 2 жыл бұрын
hi. youre code doesn't work anymore... please update your code??
@FuncsIO
@FuncsIO Жыл бұрын
Thanks for highlighting this. Taking a deeper look at it and will try to fix it if required
@TechRedstone
@TechRedstone 2 жыл бұрын
only updates blur when I update state, useless for animations
@FuncsIO
@FuncsIO Жыл бұрын
Didn't get it. Can you please elaborate. As of 2023 React Native Sika can solve this in a better way
@oneafrodev
@oneafrodev 2 жыл бұрын
trying to split it into different screen and component. it doesnt work
@FuncsIO
@FuncsIO Жыл бұрын
What do you mean by split into different acreen?
@LevelUp3646
@LevelUp3646 2 жыл бұрын
very nice bro keep growing
@FuncsIO
@FuncsIO Жыл бұрын
Thanks mate. Really appreciate the positive feedback, feedback like this pushes me to explore and share more learning like this. 🙌
@andymesta4913
@andymesta4913 2 жыл бұрын
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
@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
@andymesta4913 Жыл бұрын
@@FuncsIO thanks
@kiramochi_art
@kiramochi_art 2 жыл бұрын
hello. is it possible to set it as wallpaper?
@FuncsIO
@FuncsIO 2 жыл бұрын
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.
@chrislopes9403
@chrislopes9403 2 жыл бұрын
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?
@meetsorathia2937
@meetsorathia2937 5 ай бұрын
Did you figured out?
@meetsorathia2937
@meetsorathia2937 5 ай бұрын
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); } };
@idevilsonjunior5813
@idevilsonjunior5813 2 жыл бұрын
Thanks for making amazing content like it!
@idevilsonjunior5813
@idevilsonjunior5813 2 жыл бұрын
Thanks for the video! I am Brazilian developer!
@FuncsIO
@FuncsIO 2 жыл бұрын
Hey Idevilson 👋 Thanks a lot for such wonderful words.
@andresribeiroo
@andresribeiroo 2 жыл бұрын
i'm glad u are back
@FuncsIO
@FuncsIO 2 жыл бұрын
Was a bit busy with some personal chores. Thanks a lot for your support and motivation <3
@dineshm2757
@dineshm2757 2 жыл бұрын
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.
@samyakjain8264
@samyakjain8264 2 жыл бұрын
thanks a lot
@oderflaj
@oderflaj 2 жыл бұрын
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
@FuncsIO Жыл бұрын
Thanks for highlighting this, will make the same changes if required. Happy Hacking 🙌
@arshie1536
@arshie1536 2 жыл бұрын
You are doing a great job. Explaining things that none usually does but everyone is in need of.
@FuncsIO
@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-xo
@lorran-xo 2 жыл бұрын
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>
@joseestradadev
@joseestradadev 2 жыл бұрын
Thanks, this has worked for me!
@arupde6320
@arupde6320 2 жыл бұрын
be regular man
@FuncsIO
@FuncsIO 2 жыл бұрын
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
@usamabinishaq9086
@usamabinishaq9086 2 жыл бұрын
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
@usamabinishaq9086
@usamabinishaq9086 2 жыл бұрын
@Funcs IO please Help me out
@usamabinishaq9086
@usamabinishaq9086 2 жыл бұрын
#FuncsIO
@z4ckfytc777
@z4ckfytc777 2 жыл бұрын
Hi, great tutorial. I had an issue... my swipeable doesn't move :( anyone can help?
@oderflaj
@oderflaj 2 жыл бұрын
try wrapping the View of the component with GestureHandlerRootView
@WEOOLTECNOLOGY
@WEOOLTECNOLOGY 2 жыл бұрын
wow i'm 100% sure you are senior developer
@FuncsIO
@FuncsIO 2 жыл бұрын
Always Jr. Dev, for the hunger of learning 🙌
@RenalTutor
@RenalTutor 2 жыл бұрын
cannot gesture
@quaidbergo
@quaidbergo 3 жыл бұрын
Great video, thanks a lot 👍
@surajmohanty528
@surajmohanty528 3 жыл бұрын
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
@yazantaleb1917
@yazantaleb1917 3 жыл бұрын
Great video 🥰
@ethiodude9886
@ethiodude9886 3 жыл бұрын
this is z error i get <_reactNativeReanimated.Keyframe is not a constructor> any solution?