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
  • НаукаНаука

Комментарии • 18

  • @techwithtaku
    @techwithtaku Год назад +16

    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 Год назад +1

      @@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

  • @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

  • @biraj_55
    @biraj_55 Год назад

    Sir please upload full stack social media applications video in RUclips.

  • @brijenmakwana2040
    @brijenmakwana2040 Год назад

    Last few videos are all on just animations. It's too much, please start building project series again