Easy Custom Animated Tab Bar in SwiftUI Tutorial for iOS 15

[@jotee804]

Very cool and useful, great work

[@fhazel291]

Thank you, this was very useful and clear

[@isstylertho]

I FOUND AN EASIER WAY IF YOU ARE TRYING TO USE A NAME WITH A "."
Say you want to use a bulleted list named "list.bullet"
you would write case list = "list.bullet" and it works perfectly

[@shafferzeyn9710]

you are perfect channel

[@cactus-cj1937]

thank you so much, your video really helped me out.

[@SinaKahsay-m9h]

amazing video

[@moh3n493]

How to hide this custom tabbar in detail views?

[@marcelczubak9179]

Hey, great tutorial! Just wondering what's the best approach to linking each Tab button to a specific view. I have a few views created already along with this custom tab, and I want to navigate from view to view in the Tab, without the ForEach loop.
Any tips appreciated :)

[@Andrew_Pap]

Hey, did you find a solution? I have the same question. If you found a way to link the private var tabSelected with a tab number or something else, you can probably do it with an if statement. Up to now I haven't found a way to see in which tab I am.

[@marcelczubak9179]

@@Andrew_Pap stuck on the same 😂

[@marcelczubak9179]

i’ll look into it

[@Andrew_Pap]

@@marcelczubak9179 Ok, me too. I'll send a reply if I find anything. Try to maybe also assign a view to the enum elements themselves.

[@Andrew_Pap]

@@marcelczubak9179 Ok so I found a way to do it. Instead of the ForEach loop you use an if statement:
if tabSelected == .house {
View()
}
and then it should be:
}
}
VStack {
...

[@RichuPatel-t3e]

Thank you boss, really appreciate this

[@jonathandmgz5253]

I love man ❤

[@abdouett3676]

Great work! Thanks!

[@epicfortnitesongs]

hi, I got a question, What should I do if the sf symbol I want to implement has a . in its name, for example person.circle?

[@epicfortnitesongs]

@Matthew Badsey no ☹️

[@asadbekabdullaev4463]

did you figure it out?

[@DevSibonelo]

Try this
enum Tab: String, CaseIterable {
Case locationFill = “location.fill”
}
I could be wrong but worth a shot

[@peteandloistri7270]

Thanks for this dude 👍

[@jordan2899ify]

how connect it to a View??

[@gavinbeard8188]

Great tutorial, is there a way to assure that If you have a ListView behind the tab bar, the last item is not obscured by the tab bar when scrolling? I find that if you have a list that goes past the end of the screen, when you scroll to the end of the list the last item is always blocked by the tab bar

[@sraldous]

Add bottom padding to the VStack to match the height of the tabBar

[@lenartpapez6058]

@@sraldous But then you lose the ultraThinMaterial effect.

[@sraldous]

@@lenartpapez6058 Try putting bottom padding on the last item in the list, set padding equal to height of the tabbar (60 in this example).

[@Stricken174]

Thank you!

[@ElianasJourney]

how to connect it in url? (webview)?

[@traissac]

hello i just want know you can put a link a view on each icon, it's possible to add a small code ? Thinks

[@dugrut1325]

pretty tabBar ... but now what? How do we practically give this tabbar substance? Connect it to a View, Bool, Sheet or Navigationlink, anything???

[@AdeepaDevinda]

yeah I just followed the tutorial and wasted about an hour
having no idea how to connect with a View
if y'all have any idea please let me know
thanks

[@louisagareiss]

How to not show the Tab Bar on every View? for example on a Login View

[@ShaneCurtis1705]

Have a main content view then make each page a seperate view that is projected on to the main

[@hoshisato2687]

I really like this because I have more control over the appearance of the tab bar, especially the rounded ends! However, I wish it were more like the TabView in the docs, where the whole tab-to-view mechanism is just declarative and seamless (and has badges!):
TabView {
ReceivedView()
.badge(2)
.tabItem {
Label("Received", systemImage: "tray.and.arrow.down.fill")
}
SentView()
.tabItem {
Label("Sent", systemImage: "tray.and.arrow.up.fill")
}
AccountView()
.badge("!")
.tabItem {
Label("Account", systemImage: "person.crop.circle.fill")
}
}

[@sheetalshinde17]

how to add navigations on tap of every tab ?

[@illieehh]

I have the same question

[@yrmuq]

Cola) eah coolaaa

[@snorkelmonkey2581]

do you need a mac/ios device

[@Indently]

You need a mac

[@bjp_for_2024]

why using both defalt tab and custom tab - any reason?

[@isstylertho]

For those that cannot find the answer on how to use this if there is a "." in the name:
"Try this
enum Tab: String, CaseIterable {
Case locationFill = “location.fill”
}
I could be wrong but worth a shot"
Thanks @sibonelogumede5893

[@Andii71]

hi, I got a question, What should I do if the sf symbol I want to implement has a . in its name, for example calendar.circle?

[@amolsrivastava3904]

I also have this question.

[@isstylertho]

@@amolsrivastava3904 For those that cannot find the answer on how to use this if there is a "." in the name:
"Try this
enum Tab: String, CaseIterable {
Case locationFill = “location.fill”
}
I could be wrong but worth a shot"
Thanks @sibonelogumede5893

[@isstylertho]

For those that cannot find the answer on how to use this if there is a "." in the name:
"Try this
enum Tab: String, CaseIterable {
Case locationFill = “location.fill”
}
I could be wrong but worth a shot"
Thanks @sibonelogumede5893