#1 Animated Login Screen - Professional Animations in React Native | Reanimated | Gesture Handler

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ส.ค. 2024
  • #1. In part one of this series, we'll build the UI of are animated login screen.
    We'll be using React Native Reanimated and React Native Gesture handler in this series.
    Project Files - github.com/nathvarun/professi...
    Custom Snippets : github.com/nathvarun/Custom-R...
    Original Animation : www.uplabs.com/posts/music-ap...
    New To React Native?
    React Native Foundation + Firebase + Redux :
    www.udemy.com/course/react-na...
    Twitter / nathvarun
    Instagram / nathvarun25
    Facebook / nathvarun

ความคิดเห็น • 66

  • @albertcruz107
    @albertcruz107 4 ปีที่แล้ว

    Thank you for focusing on animation. This is very easy to understand. Hope to see more animation related videos from you

  • @incognitoYSL
    @incognitoYSL 4 ปีที่แล้ว +9

    your tutorials are really impressive. I have come as far in react native because of your tutorials. thank you sir👮‍♂️

  • @santanubiswas5955
    @santanubiswas5955 4 ปีที่แล้ว +4

    Well, I never ever commented on any TH-cam video before. But I've to admit, you and your contents are really awesome. I've learned so many things from your videos. Keep up the good work. Will be waiting for your next part / video. :)

  • @reelinvestor
    @reelinvestor 4 ปีที่แล้ว +2

    Thanks for the video. Eagerly waiting for the next parts.

  • @sunhakhout6063
    @sunhakhout6063 4 ปีที่แล้ว

    Clear and straight forward tutorial. Thanks for your kind sharing.

  • @Emperorkovic
    @Emperorkovic 4 ปีที่แล้ว

    really amazing... waiting for #2

  • @heltonwylammi8150
    @heltonwylammi8150 4 ปีที่แล้ว

    Parabéns, aguardando próxima aula

    • @leolima8585
      @leolima8585 4 ปีที่แล้ว

      Pelo menos funcionou pra ti, porque desde a primeira aula que fiz tudo certinho e não emula no expo por dispositivo físico. Manda o git completo?

  • @benstuijts5620
    @benstuijts5620 4 ปีที่แล้ว

    Great video! You work quickly,.

  • @user-cv6vy3je8l
    @user-cv6vy3je8l 4 ปีที่แล้ว

    great video as usual, keep going ❤️👍

  • @tziortziskyprianou2725
    @tziortziskyprianou2725 4 ปีที่แล้ว

    Am ready for the next video 😁

  • @MirzaSijawal
    @MirzaSijawal 4 ปีที่แล้ว

    Amazing .. May God Give you more and more success

  • @ashse4424
    @ashse4424 4 ปีที่แล้ว

    Bro ....you are killing.....nice clean and simple..

  • @shrikantjha5630
    @shrikantjha5630 4 ปีที่แล้ว

    I love your tutorials. Complex topics -> their Simplified Version Transformation. Make a video on KeyboardAvoidingView react native module

  • @SapanKumarDas
    @SapanKumarDas 4 ปีที่แล้ว

    Boss, After a long time a back again!

  • @imrankhansaami
    @imrankhansaami 4 ปีที่แล้ว

    Love it

  • @taimoorhassan7767
    @taimoorhassan7767 4 ปีที่แล้ว

    Good Work

  • @satishlodhi8758
    @satishlodhi8758 4 ปีที่แล้ว +1

    Waiting for the next video please upload soon

  • @junangameplays3271
    @junangameplays3271 4 ปีที่แล้ว

    I loved it. make more videos thanks xDD

  • @divinenature6220
    @divinenature6220 4 ปีที่แล้ว

    Another subscriber ✌️

  • @kashanmehmood6202
    @kashanmehmood6202 4 ปีที่แล้ว

    how you set the background of button, as it is button has separate parent view?

  • @pnminfo9449
    @pnminfo9449 4 ปีที่แล้ว

    hello sir,
    i m getting this error : " Duplicated files or mocks."
    please help

  • @leolima8585
    @leolima8585 4 ปีที่แล้ว

    How can I test on physical device instead of expo? The project does not open because you installed an expo install expo-asset dependency

  • @UrbanBDKNY
    @UrbanBDKNY 4 ปีที่แล้ว

    Video #2 has not been uploaded yet? I can’t find it

  • @techupdates8555
    @techupdates8555 4 ปีที่แล้ว

    Nice Video, Please upload a Video Tutorial for Splash Screen with 3 Second timer and Move to next page(Home) automatically and Please tell me , border radius use and how to use in Flex , Please upload a video tutorial.

  • @waheedshabeer8591
    @waheedshabeer8591 4 ปีที่แล้ว +1

    can we make this with react CLI?

  • @haseebpervaiz6112
    @haseebpervaiz6112 4 ปีที่แล้ว

    how to add this animation in React js? kindly inform

  • @rajatjoshi134
    @rajatjoshi134 4 ปีที่แล้ว

    Sir please make video on video preview with actions using react native video.. Please

  • @ijanijigar
    @ijanijigar 4 ปีที่แล้ว +4

    Loved this. How can I support the channel? (Donations or join or patreon)

  • @deyvidpopov2778
    @deyvidpopov2778 4 ปีที่แล้ว

    How do you prevent keyboard killing the UI?

  • @deyvidpopov2778
    @deyvidpopov2778 4 ปีที่แล้ว

    Can I use the design in personal projects?

  • @boogiee-_-man
    @boogiee-_-man 4 ปีที่แล้ว

    Is your code OpenSource? Can we use it for a Company's android Application?

  • @sejal2863
    @sejal2863 4 ปีที่แล้ว

    nice tutorial.. BUT am stuck on this absoluteFill.. the image is not showing.. but the background color is .. whats the matter? is this not working anymore on images?

  • @TheRobotinator
    @TheRobotinator 4 ปีที่แล้ว

    How do you reload your app so fast?

  • @rhythmagarwal1965
    @rhythmagarwal1965 3 ปีที่แล้ว

    i am facing Error: "nativeExtensions is not defined" in ReferenceError: nativeExtensions is not defined

  • @Unmaleable
    @Unmaleable 4 ปีที่แล้ว

    What if I'm not using expo?

  • @lancelim1951
    @lancelim1951 4 ปีที่แล้ว

    Hi, i ran into this error :"unused style detected: styles.container (react-native/no-unused-styles). Anyone know how to resolve this?

    • @yatishkelkar9240
      @yatishkelkar9240 4 ปีที่แล้ว

      Delete that style from the StyleSheet.create( ). Its not being used so, its useless code

  • @sameersharma64a37
    @sameersharma64a37 4 ปีที่แล้ว

    which documentation you are using

  • @panzorax.
    @panzorax. 4 ปีที่แล้ว

    i didnt import your snippets how can i do ??

  • @deepjyotibaishya7576
    @deepjyotibaishya7576 4 ปีที่แล้ว

    how done with Flutter

  • @principe.borodin
    @principe.borodin 4 ปีที่แล้ว +17

    And without expo?

    • @LuisFelipe-yx6mc
      @LuisFelipe-yx6mc 3 ปีที่แล้ว

      por que mano? expo não pode ser usado pra projetos reais?

    • @principe.borodin
      @principe.borodin 3 ปีที่แล้ว

      @@LuisFelipe-yx6mc Nao foi o que eu disse.

  • @VukotaDjLewu95
    @VukotaDjLewu95 4 ปีที่แล้ว

    Hello bro. I have one question. How to fix the installation because I can only instal with "npm install". When I type "expo install" visual code redirect me to "npm" installation. Thank you!

    • @iamfish_
      @iamfish_ 4 ปีที่แล้ว

      try with npm i -g expo-cli and then try with expo install

  • @npaul1440
    @npaul1440 4 ปีที่แล้ว

    The tutorial is so good. But i am unable to run the code on adnroid mobiles. The animation does not seem to work at all.. is there ay additional step for android.. based on updates whatever. ? really need your help guys. reply if you guys had the same kind of problem

    • @okechukwu01277
      @okechukwu01277 3 ปีที่แล้ว

      i am having the same issue with Android. The animation doent seem to work properly and this messes up the entire effor.
      Have someone solve this issue on andorid

  • @Danilo1993456
    @Danilo1993456 4 ปีที่แล้ว

    Could You show this example without expo ? , please

  • @neerajsaxena8108
    @neerajsaxena8108 4 ปีที่แล้ว

    Hi, my height: null doesn't load the image. When I give a specific value to height, only then it loads. Width: null works fine. It takes the entire width available. What can be wrong here?

    • @deyvidpopov2778
      @deyvidpopov2778 4 ปีที่แล้ว

      Do you have the flex of 1?

    • @neerajsaxena8108
      @neerajsaxena8108 4 ปีที่แล้ว

      @@deyvidpopov2778 Yes, my mistake was I was running it on my browser. The moment I ran it on my android phone, the UI was all proper.

  • @mohamdalmhde1322
    @mohamdalmhde1322 4 ปีที่แล้ว

    why you are using expo

  • @iddods2117
    @iddods2117 3 ปีที่แล้ว

    React native styling doesn't inherit like CSS, you can give a parent's comp styling to a child.

  • @samuelsilue504
    @samuelsilue504 2 ปีที่แล้ว

    Hello sir I want you to help me

  • @jairajsingh1850
    @jairajsingh1850 4 ปีที่แล้ว

    This could have been easier with Figma

    • @UnsureProgrammer
      @UnsureProgrammer  4 ปีที่แล้ว

      ThePhenomenalOne I haven’t had a look at figma. Is there something for react native ?

  • @chaitanyaharde6238
    @chaitanyaharde6238 4 ปีที่แล้ว

    Flutter or react native?

  • @ricardopouza4198
    @ricardopouza4198 4 ปีที่แล้ว

    Omg RN < 0.60. kkkkk

  • @anzormumladze8626
    @anzormumladze8626 4 ปีที่แล้ว

    Please use react-native cli not expo

    • @damiribra5622
      @damiribra5622 4 ปีที่แล้ว

      Why? You don t know how to use expo?

  • @braker37
    @braker37 4 ปีที่แล้ว

    Stop pushing Expo on people!