Gesture Handler tutorial in React Native

  Рет қаралды 27,272

notJust․dev

notJust․dev

Жыл бұрын

This tutorial will teach you about Gesture Handlers and how to drive animations based on user’s gesture interactions.
📚 Join the waitlist for "The Full-stack Mobile Developer"
academy.notjust.dev/
🎒 Get the step-by-step guide and Asset Bundle
assets.notjust.dev/ios-locksc...
This project is a great way to get your foot in the door with hybrid, cross-platform mobile development with React Native. This is a beginner-friendly tutorial, and all the steps and concepts will be explained in detail.
Let's learn together 📖💡
🐱‍💻 Source code
github.com/notJust-dev/iOSLoc...
💬 Join the notJust Development gang and let's build together
/ discord
Tag me on social media when you finish this build, and I will give you feedback on your project.
Twitter: / vadimnotjustdev
IG: / vadimnotjus. .
LinkedIn: / vadimsavin
Timecodes:
Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#VadimSavin #notjustdev #gesture #reactnative

Пікірлер: 18
@techwithtaku
@techwithtaku Жыл бұрын
I learned React Native from this channel. started following end of 2020. now I'm employed as a Mobile App Developer for a local company in Zimbabwe and have developed 3 apps to date. Thank you Vadim
@veedjohnson
@veedjohnson Жыл бұрын
wow beautiful. Please how can I contact you?
@veedjohnson
@veedjohnson Жыл бұрын
Also what videos did you follow, and did you follow the backend? Cos the tutorials are way too long for me
@techwithtaku
@techwithtaku Жыл бұрын
@@veedjohnson I watch every single video on this channel. Even if it is something that I know, I still watch
@kelthoumkh
@kelthoumkh Жыл бұрын
I LOVE these tutorials they're really usefull
@atlantafilmmakersleague7465
@atlantafilmmakersleague7465 Жыл бұрын
You are a good teacher in code development. I wish you would teach a little more app development in react native and not expo so we can make apps a little more complex using voice commands. I learned alot from you. Appreciate your teaching in detail and easily able to follow along.
@thohidbaig405
@thohidbaig405 Жыл бұрын
Hi , can you plz make a video on how to send the multiple form data to the same API request
@sdsim1
@sdsim1 Жыл бұрын
thanks! 👍👍👍👍👍
@atomauro
@atomauro Жыл бұрын
i fkin love you man, me and my family we give thanks to god for your videos !
@rubikam6592
@rubikam6592 10 ай бұрын
Inside touchableNativeFeedback from guester handler am having another touchable, clicking on the touchable inside touchableNativeFeedback it is calling onpress of touchable and touchableNativeFeedback, how to stop the onpress calling of touchableNativeFeedback in this case
@masanobuoishi
@masanobuoishi Жыл бұрын
great
@biraj_55
@biraj_55 Жыл бұрын
Sir please upload full stack social media applications video in KZbin.
@user-vo3bm2dg3h
@user-vo3bm2dg3h Ай бұрын
Hello my teacher how can i make drag word and drop inside an block to spell this world video for this ❤️❤️
@MrRahulmalik
@MrRahulmalik Жыл бұрын
Hey, i have found a bug in react native where - ScrollView inside Flatlist blocks other touchables (children of parent Flatlist) in IOS only. this works fine on Android but doesn't work on IOS. Can you please help as to how we can fix this? code to reproduce this - import React, { Component, useEffect } from 'react'; import { View, Text, TouchableOpacity, SafeAreaView } from 'react-native'; import { FlatList, ScrollView } from 'react-native-gesture-handler'; const App = ()=> { const ref = React.createRef() useEffect(()=>{ ref.current?.scrollTo(-200) },[]) const renderListItem = ({ item, index }: any) => { return ( { console.log(" onScroll called scrollview"); } } scrollEventThrottle={16} horizontal > selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected selected console.log('on Press')}> Count ); }; return ( { console.log(" onScroll called Flatlist "); } } /> ); } export default App
@MrRahulmalik
@MrRahulmalik Жыл бұрын
the issue also exist if use child Flatlist instead of a child scrollview
@MrRahulmalik
@MrRahulmalik Жыл бұрын
In case of scroll view it happens only when we have "onScroll" event defined in scrollview
@brijenmakwana2040
@brijenmakwana2040 Жыл бұрын
Last few videos are all on just animations. It's too much, please start building project series again
Advanced React Native FlatList stack carousel animations at 60fps
23:48
React Native Gesture Handler and Reanimated Tutorial
25:11
William Candillon
Рет қаралды 36 М.
НЕОБЫЧНЫЙ ЛЕДЕНЕЦ
00:49
Sveta Sollar
Рет қаралды 7 МЛН
Көтіңді қысып, ауылға қайт! | АСАУ | 2 серия
33:16
Create Gesture Based BLUR effects in React Native
11:18
notJust․dev
Рет қаралды 11 М.
FlatList Animations in React Native with Reanimated 2
59:15
notJust․dev
Рет қаралды 11 М.
Remotion 4.0 - Keynote
6:15
Remotion
Рет қаралды 10 М.
Drag and Drop in React Native with PanResponder
19:19
Ben Awad
Рет қаралды 48 М.
React Native Animated Tabs & Animated Indicator using FlatList
23:58
Improving Tap Gestures in React Native
16:39
Reactiive
Рет қаралды 3,2 М.
Easy animations in React Native using Reanimated 2 (tutorial)
27:28
notJust․dev
Рет қаралды 22 М.
Multiple Drag and Sort List in Reanimated 2
16:59
evening kid
Рет қаралды 21 М.
Клавиатура vs геймпад vs руль
0:47
Balance
Рет қаралды 1 МЛН
Индуктивность и дроссель.
1:00
Hi Dev! – Электроника
Рет қаралды 427 М.
Fiber kablo
0:15
Elektrik-Elektronik
Рет қаралды 4,5 МЛН