How to Build a Custom Tab Bar in SwiftUI

Watch me build a custom tab bar in SwiftUI based on a custom UI that was designed in Figma.
This lesson is just one of the 30+ lessons that's inside our "How to Build a Chat App" course on CWC+, so if you want to learn more, make sure to explore the links below!

🚨 SPECIAL CWC+ OFFER FOR YOUTUBE:

WEEKLY UPDATES VIA EMAIL:

CONNECT:

ABOUT CODEWITHCHRIS:

DID THESE LESSONS HELP YOU?

#iOSTabBar #TabBar #SwiftUI

[mantisy-coding]

Hi Chris, been your subscriber years ago (probably 4, 5). I just wanted to thank you for creating free content for all of us. If it hadn’t been for you, I wouldn’t be able to land a junior iOS job back then. My career started from your channel, and I can't thank you enough. I wish you the best of luck, and stay healthy. ❤

[iSohrab]

I really love your tutorials because they teach me both coding skills and problem-solving techniques.

[snossnosson]

Do you have any tutorials on how to actually link the tabbuttons to open their respective viewpages?

[nlaspina]

Hi Chris,
Thanks so much for the video; I watch so many of yours eagerly. I built the custom tab bar and it works just as you have shown in the video but weirdly you didn't actually show the tab bar actually switching between tabs. I would've thought these would have gone hand in hand with the video. Could you please give me some guidance as to how to make it a functioning tab bar?
Cheers, Nic

[twizzlestix]

Hi Chris- still learning SwiftUI and your videos have been super helpful. I’m trying to understand why this method is better than using tabview? Getting super confused what the best method is for approaching the bottom nav.

😮 never mind- guess it pays to read other comments, you’ve already explained below

[SOK-gnhw]

hey which keyboard are you using ? Sounds look good.

[kiliankunkel]

Can you maybe explain how you coded the custom fonts? Nevertheless very nice video!

[ingridbkkedal]

Thank you for the good tutorial! My nav bar will not move down on the screen, and only lays in the middle, would you have any tips as to fix this?

[TheRealBlueBeanie]

Thank you for the tutorial! Can you please make advanced tutorials for SpriteKit? It would be a new frontier that I think you would excel at!

[swiftuiforkids]

Hi Chris! I love your videos! This is not at all related to this video, but it is just a question about an error that keeps happening in my code. It is not a systematic error, it is in the code somehow. The problem is whenever I make a navigation view and then I make a navigation title, the title does not show up for some reason. If you can, please reply to this message with your solution. Thanks!

[akkhitech]

Hi Chris,

this is such a great tutorial. though, I have a question of how we can create views to serve each tab without rerendering each time a button is pressed? lets say, i'm editing text in one tab, secondly, go to another tab and then want to go back to the first tab to continue editing. How could we make the first tab keep all the thing i left before going to the second tab?

Thank you

[sergioqcostas]

Hide the nav bar and you’re gonna be my idol, lol.

[gamerstheater]

Wait, how do I have it so that the buttons send me to different views?

[ElianasJourney]

hi, is it possible tab bar with webview?

[istanbulbeyefendisi]

I watching u first time. but I feel like i learned a lot watching u. can u put the Turkish subtitle this video pls?

[bjp_for_]

where is code to change the view on click of tab items ?

[adeby]

What's next? How do I use this tapbar to switch between views?

[danielduggin]

What tool are you using to reference the tab bar you want to build?

[jizhou]

Hi, Chris, when I type ".font(Font.chatHeading), it shows me wrong, Type 'Font' has no member 'chatHeading'. Could you tell me how to fix this problem? Thank you.

[petryuk]

The problem is that when you open up the keyboard it will shift up the entire tab bar up