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

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ม.ค. 2025

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

  • @skilllearn904
    @skilllearn904 ปีที่แล้ว +5

    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  ปีที่แล้ว

      I appreciate the positive feedback! Thanks! 👍

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

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

  • @cyberdawn361
    @cyberdawn361 9 หลายเดือนก่อน

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

  • @newbie1101
    @newbie1101 2 หลายเดือนก่อน

    the way you explained each and every detail step by step was so amazing
    It was very helpful.

  • @janvichuphal2804
    @janvichuphal2804 หลายเดือนก่อน

    Thank you so much sir 😊🙏🏻

  • @motovloggingwithsunny
    @motovloggingwithsunny 9 หลายเดือนก่อน

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

  • @Chetan_fireworks
    @Chetan_fireworks ปีที่แล้ว

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

  • @fictionfacts7931
    @fictionfacts7931 4 หลายเดือนก่อน

    great explanation... keep continue brother

  • @pankulghai456
    @pankulghai456 6 หลายเดือนก่อน

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

  • @joaoclaudiosilvadelima4452
    @joaoclaudiosilvadelima4452 4 หลายเดือนก่อน

    Great!Perfect.

  • @iqct_vr7578
    @iqct_vr7578 7 หลายเดือนก่อน

    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?

  • @soomrog4312
    @soomrog4312 11 หลายเดือนก่อน

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

    • @codewithsurya101
      @codewithsurya101  11 หลายเดือนก่อน +1

      Loved your appreciation, Thankyou so much! 💚

  • @Chetan_fireworks
    @Chetan_fireworks ปีที่แล้ว

    Your code is working excellent.

  • @ItsLayal
    @ItsLayal ปีที่แล้ว +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 ปีที่แล้ว

      How can I achieve this please? 😅

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

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

    • @ItsLayal
      @ItsLayal ปีที่แล้ว

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

  • @rosalesecho7994
    @rosalesecho7994 5 หลายเดือนก่อน

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

  • @pameloarnal
    @pameloarnal 4 หลายเดือนก่อน

    it's not working the animation to switch between the little icons on the bottom menu, can u help me please

  • @ГрафСмерть
    @ГрафСмерть 9 หลายเดือนก่อน

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

    • @codewithsurya101
      @codewithsurya101  9 หลายเดือนก่อน

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

    • @ГрафСмерть
      @ГрафСмерть 9 หลายเดือนก่อน

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

  • @x7429.
    @x7429. ปีที่แล้ว

    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?

  • @AqibSagheer-t6y
    @AqibSagheer-t6y 3 หลายเดือนก่อน

    bhi mujhy from scratch seekhna hy to kya seekhoon mujhy language bhi ni aati koi please answer

  • @FahadShah19
    @FahadShah19 5 หลายเดือนก่อน

    Thanks Bro!

  • @drxrathore
    @drxrathore 11 หลายเดือนก่อน +1

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

    • @codewithsurya101
      @codewithsurya101  11 หลายเดือนก่อน +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 11 หลายเดือนก่อน

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

  • @techamatuer8115
    @techamatuer8115 8 หลายเดือนก่อน

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

    • @codewithsurya101
      @codewithsurya101  8 หลายเดือนก่อน

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

  • @irfanshahid328
    @irfanshahid328 9 หลายเดือนก่อน

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

    • @codewithsurya101
      @codewithsurya101  9 หลายเดือนก่อน

      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 9 หลายเดือนก่อน

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

  • @ransfordfixonowoo5949
    @ransfordfixonowoo5949 10 หลายเดือนก่อน

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

    • @codewithsurya101
      @codewithsurya101  10 หลายเดือนก่อน

      When are you getting this error?

  • @enhapsh
    @enhapsh 8 หลายเดือนก่อน +1

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

    • @pop-upfacts315
      @pop-upfacts315 6 หลายเดือนก่อน

      Same error

    • @pameloarnal
      @pameloarnal 4 หลายเดือนก่อน

      did u find out how to solve?

  • @MarvelLiberty
    @MarvelLiberty 9 หลายเดือนก่อน

    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  9 หลายเดือนก่อน

      Can you please share your Java code?

    • @MarvelLiberty
      @MarvelLiberty 9 หลายเดือนก่อน

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

    • @codewithsurya101
      @codewithsurya101  9 หลายเดือนก่อน +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.

  • @MuhammadUmar-f2m
    @MuhammadUmar-f2m ปีที่แล้ว

    thanks bro you saved me

  • @volkancicek5117
    @volkancicek5117 10 หลายเดือนก่อน

    thanks bro

  • @ilyha_P
    @ilyha_P 9 หลายเดือนก่อน

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

    • @codewithsurya101
      @codewithsurya101  9 หลายเดือนก่อน

      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 9 หลายเดือนก่อน

      @@codewithsurya101 написал

  • @sanju_bk_476
    @sanju_bk_476 10 หลายเดือนก่อน

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

  • @albertaldemita2604
    @albertaldemita2604 ปีที่แล้ว

    how to change the color of background of icon?

    • @codewithsurya101
      @codewithsurya101  ปีที่แล้ว +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 ปีที่แล้ว

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

  • @abdulganiukassim1085
    @abdulganiukassim1085 ปีที่แล้ว

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

    • @codewithsurya101
      @codewithsurya101  ปีที่แล้ว

      You can watch this video with English subtitles.

  • @frank3606
    @frank3606 ปีที่แล้ว

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

    • @codewithsurya101
      @codewithsurya101  ปีที่แล้ว

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

  • @ArlizunYt
    @ArlizunYt ปีที่แล้ว

    Aur video dala karo bro

  • @nayansingha6469
    @nayansingha6469 ปีที่แล้ว

    Hello sir give me a Navigation Drawer video

  • @EduardoIanEspinosa
    @EduardoIanEspinosa ปีที่แล้ว

    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  ปีที่แล้ว

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

  • @waheguruthedivine540
    @waheguruthedivine540 8 หลายเดือนก่อน

    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.

  • @SALIKRAZAVI
    @SALIKRAZAVI 11 หลายเดือนก่อน

    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  11 หลายเดือนก่อน

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