Create a Drag and Drop Puzzle/Sorting in React Native

  Рет қаралды 7,416

Amit Khatkar - Untangle Code

Amit Khatkar - Untangle Code

Күн бұрын

Пікірлер: 29
@LaneAntunes-ui1nx
@LaneAntunes-ui1nx 2 ай бұрын
You explained it amazingly well. Thank youuu!!!
@rajeshkumardevac2999
@rajeshkumardevac2999 Ай бұрын
Excellent
@RameezRaja-e4k
@RameezRaja-e4k 4 ай бұрын
I was looking for this, thank you brother :)
@codecopy
@codecopy Жыл бұрын
THIS IS SO AWESOME! THANK YOU SO MUCH BROTHER!
@nickshein
@nickshein 8 ай бұрын
Is it possible to do this for cards with different widths?
@ibrahimzakaria5120
@ibrahimzakaria5120 10 ай бұрын
thank you for this tutorial, this puzzle can i do with different length of columns ? i want to each column have different length
@iamitkhatkar
@iamitkhatkar 8 ай бұрын
Yes, you can, but you have to check for the length as well when moving and hovering on other items.
@AnkitYadav-vj7ln
@AnkitYadav-vj7ln Жыл бұрын
keep going brother
@opt7845
@opt7845 Жыл бұрын
how would I display alphabet letters instead of indices in the boxes
@omidbonakdar4838
@omidbonakdar4838 7 ай бұрын
😍😍😍 Awesome
@kbietten
@kbietten 9 ай бұрын
Thank you so much!
@iamitkhatkar
@iamitkhatkar 8 ай бұрын
Glad it helped!
@yahyaguz5408
@yahyaguz5408 6 ай бұрын
Thank you for this video and git repo
@HariHari-w3w
@HariHari-w3w Жыл бұрын
nice, what if the height of the box is different each other ?
@iamitkhatkar
@iamitkhatkar Жыл бұрын
You can clone the repo and play with it :)
@HariHari-w3w
@HariHari-w3w Жыл бұрын
@@iamitkhatkar I have :) and it's harder than I imagine, I'm thinking that it will behave like react-grid-layout but the calculation of layout algorithm when new item move with different x,y,w,h is a bit complex I think.
@YuriiLutsyk0304
@YuriiLutsyk0304 Жыл бұрын
Awesome!
@iamitkhatkar
@iamitkhatkar Жыл бұрын
Glad you liked it.
@ExpoDev_Dash
@ExpoDev_Dash Жыл бұрын
bro this was awesome.. can u help me with a apk build... My app works in expo go, but it crashes when I do a production build apk.
@favoursatoru
@favoursatoru Жыл бұрын
Nice, this is very cool. Can I get the source code?
@iamitkhatkar
@iamitkhatkar Жыл бұрын
Thanks, source code link added in description.
@Рельныйобзор
@Рельныйобзор Жыл бұрын
good job thank you !
@iamitkhatkar
@iamitkhatkar Жыл бұрын
Thank you too!
@codefriendly8528
@codefriendly8528 Жыл бұрын
How to set initially random numbers?
@iamitkhatkar
@iamitkhatkar Жыл бұрын
this line generates an array of 25 elements and i am mapping to index, so it will look like [0,1,2,3.....24] const arr = new Array(25).fill('').map((_, i) => i);
@arupde6320
@arupde6320 Жыл бұрын
be regular
@iamitkhatkar
@iamitkhatkar Жыл бұрын
Yes i will. Thanks
@kellecierion
@kellecierion 8 ай бұрын
Copied and pasted the tutorial of William Candilion
Telegram Dark Mode - “Can it be done in React Native?”
24:51
William Candillon
Рет қаралды 23 М.
Shader Transitions using React Native Skia in React Native
15:37
Amit Khatkar - Untangle Code
Рет қаралды 1,7 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 2,8 МЛН
Walking on LEGO Be Like... #shorts #mingweirocks
00:41
mingweirocks
Рет қаралды 8 МЛН
ТЫ В ДЕТСТВЕ КОГДА ВЫПАЛ ЗУБ😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 4,3 МЛН
Disrespect or Respect 💔❤️
00:27
Thiago Productions
Рет қаралды 42 МЛН
Duolingo Drag-and-drop - “Can it be done in React Native?”
53:04
William Candillon
Рет қаралды 48 М.
React Native scrollToIndex - Dynamic size item scroll inside FlatList
14:41
Create Instagram/Airbnb style Navigation with React Native Reanimated V3
15:22
Amit Khatkar - Untangle Code
Рет қаралды 8 М.
How to Make a Bottom Sheet with React Native Reanimated
9:36
Software Mansion
Рет қаралды 30 М.
Momo Header Animation - React Native
18:40
Minh Techie
Рет қаралды 22 М.
React Native Gesture Handler and Reanimated Tutorial
25:11
William Candillon
Рет қаралды 39 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 2,8 МЛН