BOTTOM NAVIGATION VIEW - Android Fundamentals
ฝัง
- เผยแพร่เมื่อ 29 ส.ค. 2024
- In this video you will learn how to implement a BottomNavigationView to navigate between fragments.
⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:
pl-coding.com/...
Regular Android tutorials on my Instagram: / philipplackner_official
Checkout my GitHub: github.com/phi...
Great Tutorial man !!!! I am watching your every single video in this series and I AM LOVING IT!!!!
Thanks For Such Valuable Content
MIllions subscribers on your way.
Thanks man!
You have a very good knowledge plus a good voice to express it. Don't stop it brother, your views are increasing day by day. If you continue like this, your channel might hit 1 lakh subscribers in the next few months. All the best
New channel, yet the quality of this tutorial is gold
Thanks!!
You can add this implementation guys.
implementation 'com.google.android.material:material:1.2.0-alpha05'
since setOnNavigationItemSelectedListener is deprecated
use setOnItemSelectedListener instead:
binding.btNav.setOnItemSelectedListener {
when(it.itemId) {
R.id.miHome -> setCurrentFragment(firstFragment)
R.id.miMessage -> setCurrentFragment(secondFragment)
R.id.miProfile -> setCurrentFragment(thirdFragment)
}
true
}
Hope it can help you
Thanks, but do u have any solution for this? wtihout deprecation
thanks man for saving my time
16:43 there are nothing to improve, your explanation is perfect
Very good , now I am feeling like a developer 😁😁
these are all very good tutorials, I am watching each one, but these are getting somewhat confusing, could you provide an overview at the beginning so we can see how all these files and built in functions work together? You explain what each function does but if you could further explain what each function in terms of it's relation to the other functions and lists etc. in other files at each step, it would help. Keep up the the great work! and thank you. netninja provides a good level of explanation, he may be a good model to follow?
You are my Hero! Thank you so much!
Glad I could help!
İ finished it! great explaining! you are awesome!
Thank you❤️
Thank you very much. This is the best tutorial on this subject
Cool Information, it appreciate for a New Development !!!
This right here! nothing less than divine. Thanks Philipp
Thanks!
how can we change the title of action bar at top , when clicked on particular icon from the bottom menu?
for e.g on clicking home it should display Home instead of Tutorials, same for others too.
since setOnNavigationItemSelectedListener is deprecated
use setOnItemSelectedListener instead:
bottomNavigationView.setOnItemSelectedListener{
when(it.itemId) {
R.id.messages -> setCurrentFragment(fragSecond)
R.id.profile -> setCurrentFragment(fragThird)
else -> setCurrentFragment(fragFirst)
}
true
}
Is this method still working buddy?
@Emprende Libre 'when' is not a method/function. It is part of Kotlin's conditional statements/expressions you can learn more about it here th-cam.com/video/dSsLy-_pPI8/w-d-xo.html
Here I am using when as a statement to check every item id and set my fragments accordingly
Hi Philipp, this is such a wonderful video. In the beginning of the video (0:16) you mentioned 'it should have at least 3 fragments.' Is there any particular reason for this?
I've tested using two fragments and it seems to work fine so far. Any comment on this issue if you may?
I think it's a convention of the Material Design Standard, not about a technical reason.
Thank you for a very detailed tutorial.
Thanks for the explanation..
Btw i have a question
If i want to get the data from another activity and i want use that data on my fragments (first fragment and second fragmen), should i use intent on each fragments or only use intent on the activity??
Good bonus ! Great Videos so far!
Thank you!
Thanks sooooo much. So clear!
the code is little bit deprecated i cant reach the change between fragments.
Could you make a video how to save fragments state when switching between them with bottom navigation bar (using xml and navigation component). It would be really helpful for beginners. Thank you!
You are probably gonna want to use a ViewModel for that, I think he has some videos on that.
Thank you so much mate!! :D
great Tutorial man !!!
Speechless !!!
After i create the botton button view can i just create buttons on a created fragment and everything will show or is there another step? Im trying to create a sple menue on one of the fragments with a button
You have recorded this video in Mar. But by now the dependencies in build.gradle file could have have been updated. From where do i get the latest dependencies. if you use the dependencies you mentioned it is showing error
you can just hit alt+enter and it'll find the latest version
Wunderbar tutorial meine freund, ich liebe dich
Thank for the video, it helps me a lot! I have one question, i did the same as you but at the time of running the App, each time i touch an item, gets double in the screen. I start in home but when a touch another item, goes to that fragment and the homeFragment stills there. any help?
Thanks it works perfectly hahaha, i just miss the commit line sorry for that
könntest du das nicht auch alles auf deutsch machen :D sehr hilfreiches video danke dafür
really informative !!!!!
Great video!
Great video! I wonder is there any chance you can upload these mini projects on GitHub so that we can copy/paste some parts?
Thank you for the feedback! That's a good point, but sadly I don't have all the projects anymore. I think I will start with this in my next series from the beginning on
@@PhilippLackner that would be great, thank you :)
New subscriber 😎👍
Hey In the fragments we added (addToBackStack) to remember the stack of fragment. I want to also synchronize the bottom navigation items with those stack. When clicking the back button only the fragment's stack is used.
Is there anyway to also remember the stack of bottom navigation synchronized with the fragments while using back button?
If you have answer please comments friends!!
This was awesome, but I wonder, can I use three separate activities in place of those three fragments. is that possible ? and is it easy to do so ?
wondering the same
What if I want to set the counter based on the amount of nodes that get added to my firebase Database? Or when I add a layout to my recycler view adapter? Basically making the counter Dynamic.
Helpful
Still can not understand diff between vector and image assets.
Really useful tutorial but do you have the same tutorial for Java instead of Kotlin? Thanks
I was faced with this same question and decided to scrap working with Java and move onto Kotlin. I watched is Kotlin playlist and am now here on this playlist. While I took my time to get here I am happy I did and ready to move forward using Kotlin. I would suggest anyone who is at is using Java to do the same.
I have error on bottomnavigationview.setOnItemSelectedListener in main activity why?
Philipp are you using kotlin x is it still working kotlin x is deprecated now
As of Jul 2022 I had to use binding.bottomNavigationView.setOnItemSelectedListener {} to get this to work. Hope this helps!
i Just want to add back stack in every fragments how i can ? i mean addToBackStack(null)
Hey!
You forgot to paste the dependency in the description box
sir how to get the dependencies like for bottom navigation bar you have a dependency where will we get those dependency
you find them by googling
How can I add a coloured line below the selected item in bottom nav ?
EPIC!
setOnNavigationItemSelectedListener is deprecated, we need to use onNavigationItemSelected
implementation isnt working. showing error, has it changed since you made the video?
why don't you use jetpack navigation?
Because it’s cheeks
@@LaBoots i changed my domain lol
How can I move everything from main activity to Home Fragment ?
Realy sorry i.m a beginner. And need help. Fragment 1 must be a webview . Must i make this is in mainactivity or in fragment 1 .XML. all the tutrorials begin with a new app. Sorry i want to understand it.
I don't really get you, but if you ask where you should put the webview, then in the fragment XML if you want it to be displayed in the fragment
@@PhilippLackner so if i get it now. i must first make a splash screen . Than the menu with fragments and within the fragments i must made the other stuff.
How can we test bottom navigation using espresso
I don't know but the bottomNavigationView.setOnNavigationItemSelectedListener() is not working for me. it's not even coming in the auto completion. if anybody could help.
replace with setOnItemSelectedListener
good
Dear sir I got an error when I implemented the dependency
com.google.android.matetial: material:1.2.0-alpha04. The error is that - DSL method not found implementation ()
implementation 'com.google.android.material:material:1.2.0-alpha04'
How we can add recyclerview in fragment?
Bro i have downloaded icons but when i am adding them they are not showing up instead empty square is showing up what to do
notice that you have icon_name_foreground and same with background, use the foreground and not the background when selecting the icon to attach
**********Pls help bro *******************
Caused by: org.gradle.api.internal.artifacts.ivyservice.DefaultLenientConfiguration$ArtifactResolveException: Could not resolve all files for configuration ':app:debugRuntimeClasspath'.
This is the error I'm getting while doing the projects what can I do to resolve this error i cant find any answer in stack overflow and any other sources, also tell us where can we get solutions if i get errors ?
where is dependecies?
Is anyone having the problem where the XML preview disappears just like in the Fragment video when we dont mention the tools:layout = "@layout/first_fragment" line in the fragment tags? if so does anyone know how to fix this problem?
i fixed by downgrading the material version from 1.5.0 to 1.4.0
u need to click on the ! icon, then again a popup from bottom will appear, then again it will show the ! icon on the bottom pain, click on it, anothe popup will appear to the right with 2 li ks highlighted in blue, click on the second one
I wanted this video with java
how can we change the name of the toolbar? everytime the bottom navigation is clicked?
You mean the title?
@@PhilippLackner I think it is
Clicked from bottom nav
Maybe using ActionBar..
Set the ActionBar name with the title name (for this example home/ messages/ profile).. cmiiw
in my values folder, there is no styles.xml file ..
now its themes>themes.xml
everything works up until 15:00
bottomNavigationView is unknown
/Code/
package com.example.bottomnavigation
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.Button
import androidx.fragment.app.Fragment
import com.google.android.material.bottomnavigation.BottomNavigationView
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
lateinit var bottomNav : BottomNavigationView
var firstFragment = FirstFragment()
var secondFragment = SecondFragment()
var thirdFragment = ThirdFragment()
setCurrentFragment(firstFragment)
bottomNav = findViewById(R.id.bottomNavigationView)
bottomNav.setOnItemSelectedListener {
when (it.itemId) {
R.id.miHome -> setCurrentFragment(firstFragment)
R.id.miMessages -> setCurrentFragment(secondFragment)
R.id.miProfile -> setCurrentFragment(thirdFragment)
}
true
}
bottomNav.getOrCreateBadge(R.id.miMessages).number=10
}
private fun setCurrentFragment(fragment: Fragment)=
supportFragmentManager.beginTransaction().apply {
replace(R.id.flFragment, fragment)
commit()
}
}
sorry i forgot to put the commit lol
Getting error
'setOnNavigationItemSelectedListener(BottomNavigationView.OnNavigationItemSelectedListener?): Unit' is deprecated. Deprecated in Java
replace it with setOnItemReselectedListener
*meant setOnItemSelectedListener
@@edenlu1331 Thank you
Surely, there must be a simpler way.
how can we add buttons in here?
Where do you want to add them?
@@PhilippLackner in the fragment itself, i have a problem that encounter, the textview do not appear even that i follow your instruction, what could be the problem, i am using the latest android studio
@@PhilippLackner not just button but also something like recyclerviewer,
up
A comment for promotion.
Doesn't work. Don't bother
getorcreatebadge
I find that addToBackStack can add fragment to the stack. So, is there any listener which can let me know the stack is pop out? Because I want set some status of the fragment.
Or there will be some other functions?
binding!!.btnFragment1.setOnClickListener{
if(state != 0){
supportFragmentManager.beginTransaction().apply {
replace(R.id.flFragment, firstFragment)
addToBackStack("0")
commit()
}
}
state = 0
}