Bottom Navigation Bar with Fragments - Android Studio Java Tutorial 2023 | Step by Step

Поділитися
Вставка
  • Опубліковано 19 вер 2024

КОМЕНТАРІ • 64

  • @joaoclaudiosilvadelima4452
    @joaoclaudiosilvadelima4452 21 день тому

    Great!Perfect.

  • @skilllearn904
    @skilllearn904 8 місяців тому +4

    Wow, this tutorial is amazing! I really appreciate the effort you put into explaining code. Your clear instructions made it easy to follow along. Can't wait for more videos on Android UI design and backend tutorials. Keep up the fantastic work! 👏👍

    • @codewithsurya101
      @codewithsurya101  8 місяців тому

      I appreciate the positive feedback! Thanks! 👍

  • @Chetan_fireworks
    @Chetan_fireworks 8 місяців тому +4

    Your video explanation is excellent. Keep us updating. Thank you 😊

  • @cyberdawn361
    @cyberdawn361 4 місяці тому

    i was stuck in this bottom navigation for weeks. you Have finished my job. Thanks❤

  • @Chetan_fireworks
    @Chetan_fireworks 8 місяців тому

    I was finding solution from one week, but your video gave me solution. And code is working fine 👌

  • @pankulghai456
    @pankulghai456 2 місяці тому

    sir you are doing a good job. thankyou so much your video helped me.

  • @motovloggingwithsunny
    @motovloggingwithsunny 5 місяців тому

    Your clear instructions made it easy to learn can you start android full course basic to advance explanation is excellent 👌

  • @soomrog4312
    @soomrog4312 7 місяців тому

    You are a great teacher. Thumbs Up for you! Keep up good work. You will get thousands of subscribers. 😊

    • @codewithsurya101
      @codewithsurya101  7 місяців тому +1

      Loved your appreciation, Thankyou so much! 💚

  • @FahadShah19
    @FahadShah19 Місяць тому

    Thanks Bro!

  • @Chetan_fireworks
    @Chetan_fireworks 8 місяців тому

    Your code is working excellent.

  • @techamatuer8115
    @techamatuer8115 4 місяці тому

    Actually this video is not helpful, it is the best video on UA-cam for beginners, lot's of love sir keep doing well

    • @codewithsurya101
      @codewithsurya101  4 місяці тому

      Thankyou so much for your appreciation, means a lot :)

  • @x7429.
    @x7429. 11 місяців тому

    Hello, the video was helpful. I followed the procedure and understood how it works. Is there a way to navigate between the various fragments without losing their data?

  • @user-th5ni7sq9y
    @user-th5ni7sq9y 9 місяців тому

    thanks bro you saved me

  • @volkancicek5117
    @volkancicek5117 5 місяців тому

    thanks bro

  • @rosalesecho7994
    @rosalesecho7994 Місяць тому

    Hi i watch your video it work but in the fragment xml is not showing the layout

  • @ItsLayal
    @ItsLayal 10 місяців тому +1

    Hello, is it possible to achieve for the home fragment to have a listView and inside each item of the listView it contains a gridView?

    • @ItsLayal
      @ItsLayal 10 місяців тому

      How can I achieve this please? 😅

    • @codewithsurya101
      @codewithsurya101  10 місяців тому +1

      Yes, it is possible.
      I will Create a video for it. Thanks

    • @ItsLayal
      @ItsLayal 10 місяців тому

      @@codewithsurya101 yes please 🥹 thank you so muchh ❤️

  • @iqct_vr7578
    @iqct_vr7578 3 місяці тому

    Hi, im stucked, can you tell me the logic of instagram: imagine we have an inner fragment inside the main fragment and we swtich to other item bottom navigation, and then come back to the previous item bottom navigation but it has to open the inner fragmnet as it was the last opened fragment(instead of the main fragment), just like the search nav in instagram, we open a post and it has the bottom nav, if we go to profile nav and then come back to search box nav, it opens the last post instead of whole search box!, how can we achieve this behavior?

  • @drxrathore
    @drxrathore 7 місяців тому +1

    How to remove the background highlight of the selected tab in the bottom nav bar!

    • @codewithsurya101
      @codewithsurya101  7 місяців тому +2

      Create a new style with parent "Widget.Material3.BottomNavigationView.ActiveIndicator" and name it as you want.
      In this style tag, add the following code :
      @color/ _@android:color/transparent_
      Now add the following code in your *BottomNavigationView* :
      app:itemActiveIndicatorStyle="@style/ _your_style_name_ "
      and its done.
      Let us know if it worked for you. Thanks

    • @drxrathore
      @drxrathore 7 місяців тому

      Thank you, brother, it worked! I really appreciate it. You've earned yourself a new subscriber. ❤️

  • @enhapsh
    @enhapsh 4 місяці тому +1

    how the other icons doesn't have title visible except home?

  • @ГрафСмерть
    @ГрафСмерть 4 місяці тому

    5:18 how to make icons colored? In my project it just grey...

    • @codewithsurya101
      @codewithsurya101  4 місяці тому

      Just add this attribute to your BottomNavigationView
      app:itemIconTint="_your_color_"

    • @ГрафСмерть
      @ГрафСмерть 4 місяці тому

      @@codewithsurya101 I tried, on the page where the navbar is shown, everything is colorless (gray)...

  • @irfanshahid328
    @irfanshahid328 5 місяців тому

    bro, why all my icons at the navigation bar become notification icon? home, search and profile displayed a same icon as notification

    • @codewithsurya101
      @codewithsurya101  5 місяців тому

      You can change these icons in "bottom_nav_items.xml" file, each item have its own icon and can be changed in "android:icon="@drawable/your_icon..xml" attribute.

    • @ilyha_P
      @ilyha_P 4 місяці тому

      у меня также было, просто очисти кэш в file - Invalidate Caches - Invalidate and Restart. проект перезапустится и все нормально будет

  • @ransfordfixonowoo5949
    @ransfordfixonowoo5949 6 місяців тому

    Hello sir I'm having issues that's says default activity not found so what can I do to make the activity start

  • @MarvelLiberty
    @MarvelLiberty 5 місяців тому

    I have a issue and I tried my best to spot the issue but it seems whenever I click in nagivation bottom view to go to another fragment, it overlaps the text meaning it overlaps another fragment on to it. I dont know how to fix this

    • @codewithsurya101
      @codewithsurya101  5 місяців тому

      Can you please share your Java code?

    • @MarvelLiberty
      @MarvelLiberty 5 місяців тому

      @@codewithsurya101 Its the same one I followed your's in this video. Just the fragment's name is different

    • @codewithsurya101
      @codewithsurya101  5 місяців тому +1

      There is one line of code which I have placed in another method, I have added a note in this video, I think you didn't noticed that note.
      That may be causing the issue. Revise the video once again and try.
      If it doesn't works, please provide me your java code.

  • @ilyha_P
    @ilyha_P 4 місяці тому

    здравствуйте! благодаря вашему видео я смог сделать эту навигацию, спасибо вам огромное! но есть один недочет, скорее всего из-за моей невнимательности. у меня почему то высоко смещена полоска навигации. сто раз пересмотрел ваш xml код, все равно не могу понять в чем ошибся. можете помочь мне пожалуйста?

    • @codewithsurya101
      @codewithsurya101  4 місяці тому

      Hi, thanks for your appreciation! but I am not getting your flaw completely, I don't understand that what you mean of "NavigationBar set high", can you please elaborate your query?
      In case you need to share your screenshots or something else, you can message me to my Instagram : instagram.com/coding.lab_?igsh=a3BxOW0yNzZsYXhu

    • @ilyha_P
      @ilyha_P 4 місяці тому

      @@codewithsurya101 написал

  • @albertaldemita2604
    @albertaldemita2604 10 місяців тому

    how to change the color of background of icon?

    • @codewithsurya101
      @codewithsurya101  10 місяців тому +1

      *If you wanted to change the selected icon background (not the selected item background) :*
      Create a new style with parent "Widget.Material3.BottomNavigationView.ActiveIndicator" and name it as you want.
      In this style tag, add the following code :
      @color/ _your_color_
      Now add the following code in your *BottomNavigationView* :
      app:itemActiveIndicatorStyle="@style/ _your_style_name_ "
      and its done.
      Let us know if it worked for you. Thanks

  • @JorgeMiguel147
    @JorgeMiguel147 10 місяців тому

    can you pls give us the source code? Great job!

  • @sanju_bk_476
    @sanju_bk_476 6 місяців тому

    Bro in my code it hasn't shown any fragments.why is that?

  • @ArlizunYt
    @ArlizunYt 8 місяців тому

    Aur video dala karo bro

  • @abdulganiukassim1085
    @abdulganiukassim1085 9 місяців тому

    I watched from start to end though I don't understand what he is saying. Please can u do some in English

    • @codewithsurya101
      @codewithsurya101  9 місяців тому

      You can watch this video with English subtitles.

  • @nayansingha6469
    @nayansingha6469 9 місяців тому

    Hello sir give me a Navigation Drawer video

  • @frank3606
    @frank3606 9 місяців тому

    why is my navigation bar appearing on the top instead of the bottom. Nice video by the way

    • @codewithsurya101
      @codewithsurya101  9 місяців тому

      Please message me on Instagram, I need to see your xml code.
      instagram.com/coding.lab_?igshid=OGQ5ZDc2ODk2ZA==

  • @waheguruthedivine540
    @waheguruthedivine540 4 місяці тому

    Surya Sir I need your contact number, as I am making an android application but I am stucke somewhere. Your videos are very knowledgeable. Please help and reply.

  • @EduardoIanEspinosa
    @EduardoIanEspinosa 10 місяців тому

    I tried your code and this is what happened. "Attempt to invoke virtual method 'android.view.View com.google.android.material.bottomnavigation.BottomNavigationView.findViewById(int)' on a null object reference" how can i fix this?

    • @codewithsurya101
      @codewithsurya101  10 місяців тому

      Can you please share your Java code where you are getting this error?

  • @SALIKRAZAVI
    @SALIKRAZAVI 7 місяців тому

    Hlo bro I got an erron in this code please share me your social media account where I can ask solution for the the error.

    • @codewithsurya101
      @codewithsurya101  7 місяців тому

      Sure, I'm on Instagram as @coding.lab_. instagram.com/coding.lab_?igsh=YzljYTk1ODg3Zg==