Today we will be looking at how we can create a very easy and fully customizable tab bar in SwiftUI. It will also have some small animations to make the whole UX feel smoother. Source code: github.com/federicocotogno/Cu...
КОМЕНТАРІ: 47
@jotee8042 роки тому
Very cool and useful, great work
@user-yv3yo6it9v9 місяців тому
Thank you boss, really appreciate this
@abdouett36762 роки тому
Great work! Thanks!
@fhazel2912 місяці тому
Thank you, this was very useful and clear
@peteandloistri727010 місяців тому
Thanks for this dude 👍
@shafferzeyn97102 роки тому
you are perfect channel
@Stricken174Рік тому
Thank you!
@jordan2899ifyРік тому
how connect it to a View??
@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
@ElianasJourneyРік тому
how to connect it in url? (webview)?
@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 { ...
@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).
@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?
@badseyboy111Рік тому
did you figure this out?
@epicfortnitesongsРік тому
@@badseyboy111 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
@moh3n4933 місяці тому
How to hide this custom tabbar in detail views?
@Andy-we5hrРік тому
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.
@isstylertho10 місяців тому
@@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
@isstylertho10 місяців тому
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
@sheetalshinde17Рік тому
how to add navigations on tap of every tab ?
@illieehh3 місяці тому
I have the same question
@louisagareissРік тому
How to not show the Tab Bar on every View? for example on a Login View
@ShaneCurtis17052 місяці тому
Have a main content view then make each page a seperate view that is projected on to the main
@snorkelmonkey25812 роки тому
do you need a mac/ios device
@Indently2 роки тому
You need a mac
@douglasrutledge1325Рік тому
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
@yrmuq9 місяців тому
Cola) eah coolaaa
@isstylertho10 місяців тому
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
@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") } }
@isstylertho10 місяців тому
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