React Native | Custom Animated Tab Bar | React Navigation | Reanimated 2 | Lottie

Поделиться
HTML-код
  • Опубликовано: 14 ноя 2024

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

  • @ThienNguyen-cd6rn
    @ThienNguyen-cd6rn Год назад +2

    I am a newbie in React Native, the way design is amazing and very smart ! It's awesome UI and UX ! Thank you.

  • @sumsidum4162
    @sumsidum4162 2 года назад +6

    Straight to the point and just as much detail as you need! Keep it up.

  • @vaibhavkumarpatel6863
    @vaibhavkumarpatel6863 2 года назад +2

    Excellent video my brother please we want you to teach more stuff related to react native as all need your knowledge for growing there skills in react native.
    Please make regular video related to react native.

  • @arupde6320
    @arupde6320 2 года назад +2

    be regular . hae your audience . it will help you in ur future business

    • @anazi
      @anazi 2 года назад +1

      Honestly its not The best thing is to get to the point. Most tutorials start with (Hey guys ....blah..blah..) (Today we will be ... blah blah blah) Wasting 10 minutes talking without explaining till at the end you the audience find out if thats the tutorial you need or not.

    • @anazi
      @anazi 2 года назад +2

      Keep going man and dont be regular dont follow the herd .. lead it 👍

  • @asmitasherlekar3744
    @asmitasherlekar3744 2 года назад +1

    i have been searching this video for a very long time thankyou

    • @maxdietel
      @maxdietel  2 года назад

      Nice to hear I could help you!

  • @ultrasulo1
    @ultrasulo1 2 года назад +2

    nice work.
    It would be great for us if you do more things like this.👍

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

    bro that golden video, beg u to do more if u can

  • @Shubham-fo3md
    @Shubham-fo3md 11 месяцев назад +1

    Amazing 🎉

  • @ujjwalmanandhar1439
    @ujjwalmanandhar1439 2 года назад +1

    awesome tutorial

  • @code_lift
    @code_lift 2 года назад +1

    really nice tutorial

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

    Thank you! How would you add a border radius to the top in this case? I can't get it to work..

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

    thanks! How do I transition smoothly the actual screen with bottom tab navigator?

  • @paulinkladi1689
    @paulinkladi1689 9 месяцев назад

    how can we have both bottom and sidebar navigation bar ?

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

    Hello, can I do react native at the expo?

  • @converter
    @converter 2 года назад

    Awesome tutorial. May I ask what's your laptop specs?

    • @maxdietel
      @maxdietel  2 года назад +1

      Mac M1 2021. I speed up building and installation parts in this video

    • @converter
      @converter 2 года назад

      @@maxdietel thank you :)

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

    hey all! getting error with this when I put it inside my own expo project
    have tried reinstalling/removing/creating new projectbut no luck also deleting node_modules/package.json any ideas would be appreciated!
    iOS Bundling failed 605ms
    error: node_modules/react-native-reanimated/src/Animated.js: Cannot find module 'react-native-reanimated/plugin'

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

    If bottom bar items are more than four so?

  • @firasyazid439
    @firasyazid439 7 месяцев назад

    it works on expo guys?

  • @nikolanovakovic123
    @nikolanovakovic123 2 года назад

    Hi mate, I have error on this line of code
    your github
    112: return [...layout].find(({ index }) => index === activeIndex)!.x - 25
    It says I'm missing a semicolon around (( ! and x ))
    Can you help me why it showing that error, I copied your code

    • @maxdietel
      @maxdietel  2 года назад

      I just cloned the code again and it worked perfectly. There are multiple people that already tried out the code on Github and your the only one that got an error yet. This is most likely a problem on your part. It kind of sounds to me like you have some kind of code formatter activated that doesn't like the structure of my code so it complains about some thing that would actually work.

    • @nikolanovakovic123
      @nikolanovakovic123 2 года назад

      @@maxdietel There is no need to be " ! " in the line code. It needs to be a " ? "

    • @maxdietel
      @maxdietel  2 года назад

      @@nikolanovakovic123 👍

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

      It's most likley because you used a JS file extension instead of TSX, changing it to TSX fixed it for me

  • @GamingZone11
    @GamingZone11 2 года назад

    Brother i need your help, you have used the same color for svg and screen component, i want to make transparent background for active tab bar how can i do this?

    • @maxdietel
      @maxdietel  2 года назад +1

      I dont think this is possible cause if the svg would be transparent the background would be white (color of the tabbar).

    • @GamingZone11
      @GamingZone11 2 года назад

      @@maxdietel please make another video for us, just like i ask in the above comment. because right now i am working on a project and they need that kind of tab bar 🥲

    • @maxdietel
      @maxdietel  2 года назад +1

      Sorry mate, there is not a single way I can imagine on how to do this. Some things you can do easily in a design tool cant be done that easily if you program it. Maybe you should have a second look at the design and change it to a one colored background cause I cant help you in your case and Im pretty sure its just NOT possible

    • @GamingZone11
      @GamingZone11 2 года назад

      @@maxdietel ok thanks brother.

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

    More tutorial pls 🥺🙏

  • @remixedOne
    @remixedOne 2 года назад

    Can u upload more please

  • @perafinparvej9400
    @perafinparvej9400 2 года назад

    Hello
    Would you like make full project?

    • @maxdietel
      @maxdietel  2 года назад

      What do you have in mind?

    • @perafinparvej9400
      @perafinparvej9400 2 года назад

      @@maxdietel
      Something unique
      Like E-commerce complaints app

    • @maxdietel
      @maxdietel  2 года назад

      @@perafinparvej9400 Will do when I got time! Not sure what its gonna be tho

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

    Dont run android am sorry :(

    • @maxdietel
      @maxdietel  Год назад +1

      Tested it on Android too, works for me.

  • @xbxb
    @xbxb 2 года назад

    I've seen a lot of this kind of custom nav bar, fancy animation, etc. But I never encounter 1 app that really uses this kind of effects. Always overrated.

  • @chrisjefford5896
    @chrisjefford5896 2 года назад

    ρгό𝔪σŞm 😃

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

    Is this tutorial video Idea is stolen from William Candillon ?