Navigation Drawer and Bottom Navigation View in Android Studio | Kotlin
ฝัง
- เผยแพร่เมื่อ 3 ส.ค. 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 © - วิทยาศาสตร์และเทคโนโลยี
![บุษบา - วงชานเมือง [LiveCoverVertion] Original : เมนทอล](http://i.ytimg.com/vi/Dm81sKcd9rs/mqdefault.jpg)
Very important and beautifully designed video.
Hopefully, your channel will take programmers interested in Kotlin to a new horizon.
Thank you very much
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
Glad, it helped you :-)
🎉 I trust 1 day I will be like you. Thanks alot.
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 😊
Chukran!
Mam please bring more videos and please continue this series
Nice topic 💯
Beauriful voice
👏amazing
Very good🎉
very helpul.
Thank you!!
Can't get the floating button at the centre please help
did you find the answer?
AligmentMode : "center"
Put layout_gravity= "center_horizontal"
Plz tell which is best COmpose or Xml for fully responsiveness app?
I was looking for bottom navigation
Source code please
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?
Cradle radius is not working... please help
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
Is there anything that must be included in the implementation?
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
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
Add the below line:
app:fabAlignmentMode="center"
Thank You mam it worked, now the button is at the center@@android_knowledge
@@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
Mine is still in the bottom right as well@@EmersonRyan-up8fn
same issue here. my fab is horizontally and vertically centered, instead of the proposed cradle
How to change color of img and text in bottom navigation and also how to always set visibility of text as visible
Icon Color - itemIconTint
Text Color - itemTextColor
Text Visibility - labelled
Hey when I press back being present in a fragment the item selected in navigation drawer is not updating please reply
fab is on the bottom right. I've tried putting app:fabAlignmentMode="center" but it doesn't work. What can I do?
change theme to "Theme.AppCompat.DayNight.NoActionBar"
same
How to remove the purple effect around the icon ?
"viewBinding = true"
Please provide the asset of BMI and quiz app
Check telegram group :-)
@@android_knowledge thank you mam
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?
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.
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)
Kishor Bhai kya haal hai...
Maybe, set enabled as false on bottom menu items if any of the navigation menu item is clicked.
@@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
Hello, my bottom nav bar has covered my recycler view, may I know how to solve it?
Try adjusting the margin of recyclerview, both should not overlap.
can you have source code or all Image from video?
You can download the images from the below link:
drive.google.com/drive/folders/1kBiR56jI27ddT4WPvMrH8pQuW1NekhUe?usp=sharing
you do not yet have plans to share a digital data entry application
Please!
My fab isn't centered why wrote same code and used same theme theme
Add the below line:
app:fabAlignmentMode="center"
@@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)
@@sahilkhan6503 add this to the bottom appbar: app:fabAnchorMode="cradle"
did you find the solution??@@sahilkhan6503
got the same problem@@sahilkhan6503