I am watching you 1 month man and i think you are Unbelieveble. I have learned so much about react native because i am new just 1 month studying. I will take part of your courses and keep doing th great. You pass the knowledge with such an easy way. What to say man you are the one you must have milions of subs I love your accent is really enjoyable to watch you. I have seen all your videos!!!!
Hi William, I want to thank you for these amazing tutorials! Just purchased your reanimated 2 course, it's really motivating to see you experience issues that I face as well and how you handle them. Keep it up!
You know what you are doing. I like to add some simple animations to my RN apps, but I never thought this kind of complex gesture-animations are possible.
Super great content William. Also animations course is super! You make it seem so easy. How i can adjust this example to have 3 columns and allow user to add items( images)? Thanks
Hi Willam, I purchased your awesome tutorial reanimated 2 course, I also want to know advanced, so I learn drag to sort from this video, but when I follow the code until 35:17, I can't let move, I check my code find that onScroll function can't be triggered. It looks like , onGestureEvent overried it, if I set enabled = false, can scroll and onScroll function work. I don't see you have the issue, why ?
Hi William, I want to thank you for these amazing tutorials ! I tried to to use dynamic images uri but positions can not be update on rerender ... how can i fix that ?
Does anyone know how to add an item onto the end of the data array? when I setState with an extra item I get an error ```Unhandled promise rejection: Invariant Violation: [595,"RCTView",101,{"zIndex":0,"position":"absolute","top":0,"left":0,"width":117,"transform":[{"scale":1},{"translateX":""},{"translateY":""}],"collapsable":false}] is not usable as a native method argument```
Is a possible solution but I can't imagine a good way to integrate it on the UI without behing confusing for the user. Another options maybe is wraping the PanGestureHandler on a LongPressGestureHandler and only enable the PanGesture after 200ms or something
@@wcandillon how would you suggest this to be implmented? it appears that if i set the editing state while already in a gesture, the pangesturehandler doesn't become active anymore. (tried to activate it after a long press on the dragged item). apart from non-drag scrolling not being possible, this example really rocks. thanks!
@@hardcodet Did you find any solution yet ? @WilliamCandilon tried passing "editing" state as you suggested but it doesn't start listening to touch instantly. We have to release touch once and after gesture handler listens for touch event. It should immediately update on first long press. Any Solution for that ?
I am watching you 1 month man and i think you are Unbelieveble. I have learned so much about react native because i am new just 1 month studying. I will take part of your courses and keep doing th great. You pass the knowledge with such an easy way. What to say man you are the one you must have milions of subs I love your accent is really enjoyable to watch you. I have seen all your videos!!!!
Hi William, I want to thank you for these amazing tutorials! Just purchased your reanimated 2 course, it's really motivating to see you experience issues that I face as well and how you handle them. Keep it up!
Thank You Pieter, really appreciate it 🙌🏻
i guess I am pretty off topic but does anyone know a good site to watch new series online?
@Ezra Joel Flixportal :P
@Kannon Brixton Thank you, I went there and it seems to work =) I appreciate it!
@Ezra Joel no problem =)
You know what you are doing. I like to add some simple animations to my RN apps, but I never thought this kind of complex gesture-animations are possible.
Super great content William. Also animations course is super! You make it seem so easy. How i can adjust this example to have 3 columns and allow user to add items( images)? Thanks
The code is very clear, you just need to change the code like this in Config.tsx
export const SIZE = width / 3 - MARGIN;
export const COL = 3;
@@徐博俊-w3o did that already but the 3 item is not positioning ok. Also, how can I force a reorder when I delete an item?
Smooth! Love this one
Hi Willam,
I purchased your awesome tutorial reanimated 2 course, I also want to know advanced, so I learn drag to sort from this video, but when I follow the code until 35:17, I can't let move, I check my code find that onScroll function can't be triggered.
It looks like , onGestureEvent overried it, if I set enabled = false,
can scroll and onScroll function work.
I don't see you have the issue, why ?
Have you turned on debug mode?
How about Android? ZIndex does not work on Android and the elevation property is almost useless
Hi how to add delete option and sort list again
Hi William, I want to thank you for these amazing tutorials ! I tried to to use dynamic images uri but positions can not be update on rerender ... how can i fix that ?
Could you please tell me how can i do it with different height?
thanks you . I hope you can release much video about test unit
Super Cool. Thank you.
Thank you! Can I know your font used in VSCode?
would it be simpler with reanimated layout animations?
Ratatat!
Pleasant surprise 😁
how to update state when translateY.value changed
Hey Can you make drag and drop player on foot ball field which can be picked from horizontal Flatlist. The whole screen is kind of lineups.
God I hope we can drag and drop scroll _AND_ swipe to scroll down the list normally
satisfied? :)
@@wcandillon yes so much!
Does anyone know how to add an item onto the end of the data array? when I setState with an extra item I get an error
```Unhandled promise rejection: Invariant Violation: [595,"RCTView",101,{"zIndex":0,"position":"absolute","top":0,"left":0,"width":117,"transform":[{"scale":1},{"translateX":""},{"translateY":""}],"collapsable":false}] is not usable as a
native method argument```
I am having the same issue, have you been able to resolve?
Now try to swipe vertically to scroll without accidentally start to dragging an element
here you can have an "editing" state and disable the PanGesture based on that value: enabled={editing}. I hope this helps.
Is a possible solution but I can't imagine a good way to integrate it on the UI without behing confusing for the user. Another options maybe is wraping the PanGestureHandler on a LongPressGestureHandler and only enable the PanGesture after 200ms or something
@@wcandillon how would you suggest this to be implmented? it appears that if i set the editing state while already in a gesture, the pangesturehandler doesn't become active anymore. (tried to activate it after a long press on the dragged item).
apart from non-drag scrolling not being possible, this example really rocks. thanks!
@@hardcodet Did you find any solution yet ? @WilliamCandilon tried passing "editing" state as you suggested but it doesn't start listening to touch instantly. We have to release touch once and after gesture handler listens for touch event. It should immediately update on first long press. Any Solution for that ?
Can u install react- native cli only please don't use npx package 🙏😭
did you mean expo ?