Master Jetpack Compose: Build a Food Delivery,Custom BottomAppBar with FAB Notch (2025)

Design professional Android UIs with Jetpack Compose! In this step-by-step tutorial, you’ll learn to create a custom BottomAppBar with a seamless Floating Action Button (FAB) notch – just like Google’s Material Design guidelines. Perfect for beginners!

source code: https://github.com/Hoodlab/foodgo

📢 Join the Community!
🔔 Subscribe for more Jetpack Compose tutorials
💬 Comment: “Next, I want to learn about…” – I’ll make it happen!
👍 Like if this helped you level up your Android UI skills!

Master how to test Android apps with Jetpack Compose
LINK(Coupon Applied) https://www.udemy.com/course/android-...

Love what I do? A small coffee goes a long way in supporting the channel! Thank you! ❤️ https://ko-fi.com/hoodlab

00:00:00 intro
00:02:00 project walk through
00:02:24 Cutout Bottom app bar design
00:16:00 Setting custom theme ad fonts jetpack compose
00:19:00 Food Delivery app screen composable
00:34:00 Food Detail Screen
00:42:00 Custom Linear Progress
00:59:00 Type Safe Navigation
01:02:42 Outro


#JetpackCompose #AndroidDev #MaterialDesign #UITutorial #Kotlin