Gesture Handler tutorial in React Native
HTML-код
- Опубликовано: 7 ноя 2022
- 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 - Наука
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
wow beautiful. Please how can I contact you?
Also what videos did you follow, and did you follow the backend? Cos the tutorials are way too long for me
@@veedjohnson I watch every single video on this channel. Even if it is something that I know, I still watch
I LOVE these tutorials they're really usefull
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.
Hi , can you plz make a video on how to send the multiple form data to the same API request
thanks! 👍👍👍👍👍
i fkin love you man, me and my family we give thanks to god for your videos !
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
great
Hello my teacher how can i make drag word and drop inside an block to spell this world video for this ❤️❤️
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
the issue also exist if use child Flatlist instead of a child scrollview
In case of scroll view it happens only when we have "onScroll" event defined in scrollview
Sir please upload full stack social media applications video in RUclips.
Last few videos are all on just animations. It's too much, please start building project series again