How to Add a Floating Action Button to a Bottom Navigation - Android Studio Tutorial

[@ktamilselvan1]

almost viewed all your videos !!! app:contentInsetStart="0dp" app:contentInsetLeft="0dp" u can use to remove the left margin

[@PhilippLackner]

Thanks! :)

[@ashokas5812]

Tkz...

[@alexandrecloutier816]

There is a shadow because the layout is elevated by default, just like it is the case with buttons and card views when there is a background drawable. The solution is to add : android:elevation="0dp" to remove the default value. Good video Philipp 😃

[@miranmustafa7637]

You can fix the shadow by seting: app:elevation="0dp" to bottom nav view

[@PhilippLackner]

Cool, thanks!

[@yechielbabani1726]

ty

[@mohamedghazali4914]

Thanks Alllot, Much thanks you saved my Time!!!

[@fathiyajourney]

"This video sponsored by my self" 😂 I've been waiting for this 👍

[@PhilippLackner]

Hope you enjoyed it!

[@waheed_akhtar]

A german with a good sense of humor. A very rare thing :D

[@creativearts4917]

we can get rid of that shadow in the bottom view with the help of this line of code : android:outlineSpotShadowColor="@android:color/transparent" followed in BottomNavigationView✌

[@jchrisml25]

Thanks

[@rezanurramadhan7850]

thanks

[@swetblack6]

Thanks!

[@Blue_1208]

Thanks

[@supremecrackerr4687]

Thank you so much for this video, really helepd me in a pinch! adding < app:contentInsetStart="0dp" > to the BottomAppBar removed that left margin space for me!

[@sumitsuryawanshi9060]

You're AMAZING brother ;D Sending Love from India.

[@ThienNguyen-cd6rn]

Thank for this helpful video ! From Vietnam with love !

[@crateer]

Damn, you're growing so fast! Keep it up :)

[@PhilippLackner]

Thanks man!

[@jaypanchal8284]

Good One Philip. had been thinking about doing the same and i found your video here, great explanation and great implementation without using any library.

[@devendravarma5074]

Adding bottom navigation inside bottom appbar was the great idea, you are just awesome.. Btw, you can also disable the centre menu from your XML file; Happy Coding :)

[@bjugdbjk]

OMG..ur videos save tons f time man ... waiting for fr ur kotlin stuff man...

[@moriz8549]

That's a useful tutorial, Thanks dear Philipp , and awesome as always ⭐⭐⭐⭐⭐

[@Peter-Petes]

Just Add android:outlineSpotShadowColor="@android:color/transparent" inside BottomNavigationView tag to make the shadow disappear. Dosen't require anything on MainActivity.Kt. -----> This works only on API level 28 and above ! Requires Override.

[@sharadregoti7742]

Thanks it worked

[@sajantamang4926]

Can we apply this UX in other layouts beside CoordinatorLayout?

[@Sweetironman]

Damn Man Your Voice and accent is just awesome 🤩💥💥

[@artem9114]

right when i needed, thanks a lot bro!

[@vanduong9602]

Thank you so much, other channels always use library.

[@aaryan6577]

So did he😂

[@mohammadmirzakhanidehkordi8561]

wow it is awesome video, where is the step which you connected it to navigation component lib ?

[@santriptmehta1964]

I was really waiting for this.

[@mazoochian]

Man Beff Jezos got some abs!

[@PhilippLackner]

Yea he's a strong guy

[@Indently]

Also I'm looking forward to seeing your curly hipster moustache

[@agytfreefire]

D:

[@penggunayoutube2580]

Can you make this in compose? I want to migrate my past xml project to compose with similar bottom navbar to this, but there really not much tutorial on how to create custom navbar in compose

[@AWNHACKS]

That's one unique tutorial man. Appreciate it.....😊👍

[@alejandrogonzalez2783]

it was useful for me. Thank you

[@theonlyarjun]

It's 2020 and we still need to do hacky stuff to get things done on android.... Nice tutorial btw.

[@PhilippLackner]

Yea that's one reason why I don't like designing

[@CybercoderNaj]

The video I have waited for so long! ❤️❤️

[@PhilippLackner]

There you go :D

[@sindupratama8966]

thanks mate you save my life, subscribed +1

[@kamzz8651]

this is amazing tutorial 100/100

[@gadeern1586]

Amazing tutorial! Thank you very much 😍🔥

[@IonutNegru87]

The left margin can be fixed by using "app:contentInsetStart="0dp"" on your BottomAppBar widget.

[@syednoorullahshah9194]

great tutorial mate 👌

[@PhilippLackner]

Thank you 👍

[@st.libertos]

This tutorial is awesome!

[@أميرالبلابل]

Impressive design😍

[@yechielbabani1726]

i see you do this with kotlin is there any chance it wont be able to work with java?

[@lukassxx8989]

BottomNavigationView a=(BottomNavigationView) findViewById(R.id.bottomNavigationview); a.getMenu().getItem(2).setEnabled(false);

[@ij1316]

Type the code in notepad/text editor. Paste the code directly into the .java file with Android Studio. It will ask if you want to convert it to Java. Click "Yes". Then the code will be converted to Java.

[@engincicek8882]

How can i invisible bottomnavigation item in java ? 14:14

[@lukassxx8989]

BottomNavigationView a=(BottomNavigationView) findViewById(R.id.bottomNavigationview); a.getMenu().getItem(2).setEnabled(false);

[@engincicek8882]

@@lukassxx8989 thnx bro

[@lukassxx8989]

@@engincicek8882 no prob :))

[@yuvalanteby9564]

How can I change the bottom navigation's color while still using the transparent method you used?

[@PhilippLackner]

Don't change the color of the bottom nav, change the color of the bottom app bar

[@chorauoc139]

@@PhilippLackner Can you tell how to do this, because I have tried by adding a style but not working

[@alirezazarghi4682]

@@PhilippLackner hi can help me , not change color ?

[@PaulLui512]

@@alirezazarghi4682 ​ try android:backgroundTint="@color/red"

[@diegoribeiro5992]

Thank you, Phill!!

[@Indently]

How to set on click listener

[@PhilippLackner]

My next premium course will cover that

[@Imelec]

pastebin.com/TqV9FsmA

[@Trosydman]

Thank you for this tutorial!!!! I was looking for something like this for my app. I was wondering if it is possible that the ripple effects, of each item, don't go beyond the boundaries of the BottomAppBar view. Thank you in advance!

[@PhilippLackner]

Don't know if this is possible out of the box. There is essentially a background you need to apply to make something have that click effect, there might be different versions of that background, idk. But for sure with a custom view it's possible

[@fahrican9708]

very useful video! thanks

[@kumar_k19]

Thanks bro 👍

[@ujanglukman3797]

HEllo. Thank you for video. it is very usefull. May I ask you a question about this theme setting up. In the video it change to Theme.MaterialComponents, but I need to use Material3 theme. Is there any suggestion? Thank you.

[@truongxuan8322d]

Theme.MaterialComponents.DayNight.NoActionBar

[@MaNaa2000]

great video, really really helpful

[@navamragulan2017]

Thank you .very useful.....

[@bekaryssailaukul1006]

How to set fragment with nav graph above that bottom app bar in coordinator layout? Please

[@lalaley2026nis-dm3oj]

pefrect! Thanks! Рахмет!

[@rtz6777]

how do i change the color of the Bottom navigation view just like from the thumbnail?

[@acebookwisdom]

How to use it with fragment connected to navigation resource?

[@mrdeveloper4438]

Awesome bro .....

[@linox20]

great body phillips😂

[@nolant3728]

mate when I've tried to use this design, all my fragments which contain scrollview end up pushing the bottom nav menu down off screen. Do you know how to fix this?

[@paviyarasanv4192]

sir i am faced "Manifest merger failed with multiple errors, see logs" !error ,what i do ?

[@vantangle2563]

Hi, How we can reach fabCradleRoundedCornerRadius on Jetpeck Compose?

[@mountrat]

How to go to different tabs when clicking Home, search, profile, settings...? Can anybody help me

[@tonymac249]

Hi, Can anybody tell me how to add another view to this such as a recyclerView or any view and stop it overlapping the bottom navigation.

[@ducnguyendinhtrung4745]

How can i click to each item and go to another fragment, can you show me or recommend another videos?

[@codercoder7270]

İ have a question , can we create web application in kotlin , i create web app in spring which is framework of java , Does kotlin have any framework for web app?

[@PhilippLackner]

Yes, Kotlin has a very awesome backend framework called Ktor. I have a premium course about that here on my website pl-coding.com/courses/powerful-kotlin-rest-apis-with-ktor/

[@spidey5324]

Can you set the bottom appBar in a constraint layout?

[@hassanammer7854]

How to increase my work experience as a junior android developer to get work in a company or a freelance ?

[@noahhcams]

Super helpful!

[@dipagove8963]

I follow your tutorials, its help me.Thanks a lot. Can you help me out for animation to add color curve start to end below fab onselection of bottom item with getting its color.

[@robertoc2678]

excelente tutorial, un saludo desde México, una duda, como implementar la lógica para que funcione o haga algo en los botones, tengo entendido que se usan fragmentos pero tengo problemas al entender eso, no se si tienes algún otro video donde expliques como implementar lo demás me seria de gran ayuda sin mas, un excelente tutorial

[@ChiragVariya-df3ty]

Hello, Good morning! I want light theme set bottom navigation with same round

[@ethiomusic3158]

How can we use "home" fragment as an activity_main?... Can we also make fragments inside other activities (not only in main_activity)? Most of the examples are made on main_activity... How can we make fragments into other activities? May be I misunderstood something about fragments. I can make fragments but the icons are not working properly with the fragments.

[@parulson6274]

Youre awesome❤️❤️

[@vinaykumarpatel649]

Awesome 👌🏻👌🏻

[@PhilippLackner]

Thanks 🤗

[@yahia9266]

Thank you bruh

[@AryanvedhFromIndia]

hey philipp, i am watching your video now, layout_anchor isn't working. what else can i do to follow your tutorial and get same result?

[@kondalraotirumalasetty3908]

can you make curved bottom navigation with animation and text as well for the menus

[@ojiidroid]

do you play substratum?

[@alextokarev7750]

nice beard mate!

[@PhilippLackner]

Thanks! :D

[@makranamarble2429]

when will the full course will arrive

[@PhilippLackner]

That depends how quickly my voice recovers, but it's already getting a lot better. I guess in about a month or so

[@amoljunghare3610]

Can you animate fab also.I just want to open a curve shaped dialog when fabis clicked .Do you have idea of it??

[@chewataapp7021]

Actually you can disable the item in menu itself. android:enabled="false" Quick and easy fix.

[@truongpham7279]

very useful!

[@sat_talk]

didn't get you bro.. where pl. tell me what should I do where?

[@shekharsaini9069]

can you make a video for this tutorial in Jatpack compose

[@kondalraotirumalasetty3908]

can we make curve from upside

[@anudeepananth]

How would we do this Jetpack compose

[@sharadregoti7742]

How can i always display menu item names ?, currently it show the titles only when the item is clicked

[@alvinimbuka8283]

hello, my bottom navigation view on the main activity is not being refernced and is giving me an error

[@ChiragVariya-df3ty]

Hi, How to set getOrCreateBadge text and number

[@sikander_rafique]

Thank you

[@bilalaslam571]

how to set bottomNavigationView.background= null in java because it didn't showing the background attribute.

[@kumarselvam3940]

Is it possible to use this code in xamarin.... Please any one help me i need to implement bottom bar with fab button in my project

[@Peter-Petes]

Bro, how to set setOnclickListener for those menu items ? I couldn't 😥

[@PhilippLackner]

setNavigationItemSelectedListener

[@MCStarYT]

Facebook is doomed in the face of your social media app! ;-)

[@PhilippLackner]

They are :D

[@fengchin3567]

very good vidoe , can you make a video which use jetpack buttomnavigation and float button together

[@slaviboy]

You can set xml property android:background="@null"

[@jagoans4190]

how to make bottom bar transparant in MainActivity java ?

[@introvertsdiary]

I cant remove the shadow by putting bottomnavigationview to null.. the code is error how to fix it? Im using java

[@vahit·keskin]

Very thanks :)

[@Indy293]

thanks a lot

[@pickemparty]

Is this a Kotlin or Java solution?

[@mamunkhan6463]

how can i change the background

[@giorgioferrari8114]

Hi! and thank you for the android code ! i use it and it works good ! is possible to express the same code but in HTML and CSS ? i'm trying to develope an apache cordova app that will be the same as the android one, but i have some problems with that. i 've try to write html and css code to express the same functions of the android, but it doesn't works ! do you have the html and css code ? thank's !

[@hosseinmirzazadeh290]

Great 👍

[@PhilippLackner]

Thank you 👍

[@vildanvinanda5919]

hi sir how to custom color in floating button?

[@pickemparty]

Where is the item bottomNavigationView being init in the MainActvity ?

[@ritikmalhotra6252]

i am facing an issue how to setup navigation component with this floating bottom app bar can anyone please provide a code doing bottom app bar with floating action button and navigation component