Navigation Drawer and Bottom Navigation View in Android Studio | Kotlin

Поделиться
HTML-код
  • Опубликовано: 30 июл 2024
  • Welcome to Android Knowledge!
    In this video, we will learn how to create navigation drawer and bottom navigation view in android studio using kotlin.
    Android - Kotlin (Beginners to Advanced) Playlist:
    • Android - Kotlin (Begi...
    Join our Telegram Group:
    t.me/androidknowledge
    Instagram:
    / android_knowledge
    My Best Laptop for Android Development:
    amzn.to/3wVfgnE
    Website:
    androidknowledge.com
    My Laptop SSD for Fast Android Studio Experience:
    amzn.to/40qvoLo
    My Laptop Stand with Cooling Fans - Avoid Heating Due to Android Studio:
    amzn.to/3RxeGpV
    If you have any queries or errors, please feel free to comment below :-)
    Please subscribe to my channel 😊👍
    Chapters:
    00:00 - Intro
    00:08 - Overview
    01:08 - Create new project
    01:30 - Pre-requisites
    04:36 - nav_menu.xml
    06:30 - bottom_menu.xml
    08:12 - nav_header.xml
    09:22 - activity_main.xml
    14:52 - Fragments.kt
    16:15 - MainActivity.kt
    26:28 - Output
    Hashtags:
    #android #androidstudio #kotlin #androiddevelopment #mobileappdevelopment
    Keywords:
    Navigation Drawer and Bottom Navigation View in Android Studio using Kotlin
    navigation drawer activity android studio,navigation drawer android studio,custom navigation drawer android studio,navigation drawer in android,navigation drawer android studio in hindi,navigation drawer android studio firebase,navigation drawer android tutorial,navigation bar android studio,bottom navigation bar android,bottom navigation bar,android bottom navigation,android bottom navigation bar with fragment,bottom navigation view, kotlin.
    Disclaimer:
    We are a participant in the Amazon Associates Program, an affiliate marketing program designed to provide a means for us to earn fees when you click on a product link and make a purchase at no extra cost to you.
    All rights reserved by Android Knowledge ©
  • НаукаНаука

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

  • @Al-Balag3294
    @Al-Balag3294 Год назад +3

    Very important and beautifully designed video.
    Hopefully, your channel will take programmers interested in Kotlin to a new horizon.
    Thank you very much

  • @alexhaifa
    @alexhaifa 10 месяцев назад

    WOW!!!
    Your video is wonderful!!! Thanks a lot for helping us to create a Navigation Drawer.
    I love Kotlin and I have been learning more and more everyday.
    There are many things in your video to learn, I was able to reproduce it perfectly, but now I need to understand parts by parts.
    Of course, I'll buy you some coffee, you deserve it.
    Regards - Alex from Brasil

  • @novox_redmoon2320
    @novox_redmoon2320 Год назад +2

    Hello, excellent video, I've been following you for a few days and I love your content, could you make a video in detail so that the user can place a profile image, and in the background, and that they can change their data, please in real time😅in kotlin 😊

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

    🎉 I trust 1 day I will be like you. Thanks alot.

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

    Mam please bring more videos and please continue this series

  • @larabassabah202
    @larabassabah202 21 день назад

    Beauriful voice

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

    👏amazing

  • @javierchavez7151
    @javierchavez7151 15 дней назад

    Chukran!

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

    Nice topic 💯

  • @rayyanmansuri6310
    @rayyanmansuri6310 5 месяцев назад +6

    Can't get the floating button at the centre please help

    • @veera1_8_001
      @veera1_8_001 4 месяца назад

      did you find the answer?

    • @byPeopleDev
      @byPeopleDev Месяц назад

      AligmentMode : "center"

    • @PurnaPlayss
      @PurnaPlayss Месяц назад +1

      Put layout_gravity= "center_horizontal"

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

    Plz tell which is best COmpose or Xml for fully responsiveness app?

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

    Very good🎉

  • @maloupalacio66
    @maloupalacio66 4 месяца назад

    Hello, thx for the tuto ! I have a question : when you click on a icon at the end, the icon is highlighted in white. I have the same thing but I don't know why, so How to remove it?

  • @SuRajUpDate
    @SuRajUpDate 6 месяцев назад +3

    Source code please

  • @user-lc1jd2be4l
    @user-lc1jd2be4l 6 месяцев назад

    very helpul.

  • @ADevKit
    @ADevKit Месяц назад

    How can I find the resources like image and code which is used in the video above , there is no link to redirect to another external website

  • @armandolopez3750
    @armandolopez3750 4 месяца назад

    Thank you!!

  • @LUCKY-iq5cp
    @LUCKY-iq5cp 6 месяцев назад

    Hey when I press back being present in a fragment the item selected in navigation drawer is not updating please reply

  • @TravelChatBr
    @TravelChatBr 4 месяца назад +3

    fab is on the bottom right. I've tried putting app:fabAlignmentMode="center" but it doesn't work. What can I do?

    • @si13981
      @si13981 14 дней назад

      change theme to "Theme.AppCompat.DayNight.NoActionBar"

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

    Is there anything that must be included in the implementation?

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

    I was looking for bottom navigation

  • @aakashkumaryadav6048
    @aakashkumaryadav6048 11 месяцев назад +4

    my FAB button is not getting aligned at the center of the bottomAppBar
    even though i followed the code completely, also i used the anchor as well its not getting aligned at the bottom center
    the Add button moves to the bottom right of the bottom_navigation and overlaps on the menu icon

    • @android_knowledge
      @android_knowledge  11 месяцев назад +1

      Add the below line:
      app:fabAlignmentMode="center"

    • @aakashkumaryadav6048
      @aakashkumaryadav6048 11 месяцев назад

      Thank You mam it worked, now the button is at the center@@android_knowledge

    • @EmersonRyan-up8fn
      @EmersonRyan-up8fn 10 месяцев назад +5

      @@android_knowledge I tried this, but the button is still in the right corner, and if I try to move it, it goes to the top left corner... I already checked everything you did in the video, but I still couldn't solve it. Help me please

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

      Mine is still in the bottom right as well@@EmersonRyan-up8fn

    • @eduzal
      @eduzal 8 месяцев назад +2

      same issue here. my fab is horizontally and vertically centered, instead of the proposed cradle

  • @kunalmemane
    @kunalmemane 10 месяцев назад +1

    Cradle radius is not working... please help

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

    thank you make book story for kids
    from first screen include pictuer with name story from listview and from second screen show pictuer from top screen and from below show details text story

  • @nguyenvandungfplhn1834
    @nguyenvandungfplhn1834 11 месяцев назад

    How to remove the purple effect around the icon ?

  • @anonanoniempje7863
    @anonanoniempje7863 8 месяцев назад

    can someone perhaps help me out? when i create the bottom nav it only shows one icon instead of their corresponded onces, the step around 12:00, any tips?

    • @android_knowledge
      @android_knowledge  8 месяцев назад

      Checkpoints:
      1. Make sure your bottom_menu xml is correct.
      2. Check code for - bottom app bar, bottom nav, fab.
      3. Also, make sure everything is nested properly in layout.
      4. If any error, please inform me.

  • @Mohit-il9gx
    @Mohit-il9gx Год назад

    How to change color of img and text in bottom navigation and also how to always set visibility of text as visible

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

      Icon Color - itemIconTint
      Text Color - itemTextColor
      Text Visibility - labelled

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

    Hello, my bottom nav bar has covered my recycler view, may I know how to solve it?

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

      Try adjusting the margin of recyclerview, both should not overlap.

  • @Hotwire_RCTrix
    @Hotwire_RCTrix Месяц назад

    "viewBinding = true"

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

    Hi mam, I implemented it in my project but there is one issue
    While click on any drawer item that will open that fragment but in bottom navigation another selected tab is not disabled (means it's selected, it should be unselect)
    For that issue I try too many things but it's not resolved
    If you have a solution for that then let me know
    That issue is also visible in your demo (starting on this video)

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

      Kishor Bhai kya haal hai...

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

      Maybe, set enabled as false on bottom menu items if any of the navigation menu item is clicked.

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

      ​@@android_knowledge I try but don't work, Actually I can't disable bottom menu item if I click navigation drawer item or I can't disable navigation drawer item while click on bottom navigation item
      try by yourself and let us know the solution. it'll be very helpful mam

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

    Please provide the asset of BMI and quiz app

  • @tutrieu3250
    @tutrieu3250 10 месяцев назад +1

    can you have source code or all Image from video?

    • @android_knowledge
      @android_knowledge  10 месяцев назад

      You can download the images from the below link:
      drive.google.com/drive/folders/1kBiR56jI27ddT4WPvMrH8pQuW1NekhUe?usp=sharing

  • @jacqueshajaniainahyacinthe6606

    you do not yet have plans to share a digital data entry application
    Please!

  • @sahilkhan6503
    @sahilkhan6503 5 месяцев назад +1

    My fab isn't centered why wrote same code and used same theme theme

    • @android_knowledge
      @android_knowledge  5 месяцев назад

      Add the below line:
      app:fabAlignmentMode="center"

    • @sahilkhan6503
      @sahilkhan6503 5 месяцев назад +1

      @@android_knowledge it is not working i tried it (it is in center but the margin and else doesn't work 😕 that "U" shape valley isn't created)

    • @armxhk08
      @armxhk08 5 месяцев назад +1

      @@sahilkhan6503 add this to the bottom appbar: app:fabAnchorMode="cradle"

    • @veera1_8_001
      @veera1_8_001 4 месяца назад

      did you find the solution??@@sahilkhan6503

    • @veera1_8_001
      @veera1_8_001 4 месяца назад

      got the same problem@@sahilkhan6503