SwiftUI How to create Custom Tab View with Tab Bar

  Рет қаралды 44,522

Lets Build That App

Lets Build That App

Күн бұрын

Пікірлер: 93
@sipanhazim4128
@sipanhazim4128 4 жыл бұрын
So happy that u upload videos again 😍
@random_things_4_u
@random_things_4_u 2 жыл бұрын
Thank you so so much! I used a different solution which was over complicated and was throwing an uncaught exception time to time. This works like a magic. This is really the best swiftUI channel :)
@antonlebedev2890
@antonlebedev2890 2 жыл бұрын
Yes, Mr. Voong, I've learned quite a lot of things from this video actually) Thank you for your magic)) And pointing out those BUGS was really very thorough of you) Thank you for your kind help)
@TechRagh
@TechRagh 4 жыл бұрын
You're the best! Please do more videos..I'm getting started with Swiftui and your channel is source of inspiration and motivation! Thank you 💖
@JosCuts
@JosCuts 3 жыл бұрын
Don’t forget to give this man a like on all his videos! Man deserves every one!
@MissaMelodica
@MissaMelodica 4 жыл бұрын
Once again, this is exactly the video I needed to be released at this exact moment. Thanks!
@bernhardstudios3214
@bernhardstudios3214 2 жыл бұрын
Amazing channel! Great discovery!!
@esj110
@esj110 3 жыл бұрын
Thanks for the comprehensive video and showing us how to fix the bugs. appreciate it. Definitely looking forward to your next video
@Omeir34
@Omeir34 4 жыл бұрын
Always excited to watch your videos, Brian!
@sorinmiroiu9404
@sorinmiroiu9404 4 жыл бұрын
So happy you’re back Brian. Will you invite prof Brain to host one of your tutorials or present his opinions? We all love him too! 😀
@dugrut1325
@dugrut1325 2 жыл бұрын
2023; I finally got the hang of tabbar and how to practically use them, how to migrate through real screens etc. but I also tweaked the buttons so that hey were slightly animated with; color, offset, rotationEffect, scaleEffect. Without purchasing the fancy animated icons and the install packages
@OmegasMusic
@OmegasMusic 4 жыл бұрын
Always loved your Instagram/Social App builds, any idea when the new one will be up?
@LetsBuildThatApp
@LetsBuildThatApp 4 жыл бұрын
Some time this month most likely. Thanks for all the love.
@dev_jeongdaeri
@dev_jeongdaeri 3 жыл бұрын
hey guys~ always best!!!!
@yevhen_san
@yevhen_san Жыл бұрын
Hello! Thanks for sharing ❤ I have a list of TextFields above this custom bar. do you know how to ignore keyboard appearance? Currently my bar is going up together with keyboard. Thanks
@JT-rx9kh
@JT-rx9kh 3 жыл бұрын
If a navigation link goes to a new view, then the user goes to a new tab, then returns back to the tab, the view is redrawn... any ideas how to keep the behaviour consistent with UITabBar which preserves view state within the tab? :)
@mateuszwagner5914
@mateuszwagner5914 2 жыл бұрын
Did you manage to fix this somehow?
@TheJeeves2020
@TheJeeves2020 2 жыл бұрын
Also need a fix for this. Have found no solution.
@alcprado
@alcprado 4 жыл бұрын
I do agree this is the best swift youtube channel. Happy new year Brian
@DaveyonMayne-ok
@DaveyonMayne-ok 3 жыл бұрын
Im back at this video and "if you dont know what bindables are, dollar sign should be ok" 18:29 😂😂😂😂😂😂😂😂
@rasheshbosamiya1482
@rasheshbosamiya1482 4 жыл бұрын
Brian, can you make video on SwiftUI’s List insert, update, delete row animation?
@LetsBuildThatApp
@LetsBuildThatApp 4 жыл бұрын
What specifically is difficult about this?
@rasheshbosamiya1482
@rasheshbosamiya1482 4 жыл бұрын
@@LetsBuildThatApp Animations are not functioning when dataSource(ObservedObject) gets updated.
@rasheshbosamiya1482
@rasheshbosamiya1482 4 жыл бұрын
@@LetsBuildThatApp, can you check whether animations are working?
@goldentapfumachimusinde232
@goldentapfumachimusinde232 3 жыл бұрын
Great Content, Keep up doing such great work. I am inspired as always..
@dmitry.burnaev
@dmitry.burnaev 3 жыл бұрын
This is great tutorial! Many thanks!
@d_e_e_p_a_k_000
@d_e_e_p_a_k_000 2 жыл бұрын
I'm curious how you will maintain the navigation stack if you push the controllers in tab 1 and then switch to tab 2 then switch back to tab 1 ? @
@soap9535
@soap9535 3 жыл бұрын
Me going through the tutorial: "Why do I need a for each loop for that I'll just make 5 of them" Me 1 min later: "Ohhhh that's why"
@Jump_Jay
@Jump_Jay 2 жыл бұрын
Good afternoon!! I have a question about the tutorial... I followed the tutorial, but I'm experiencing a hickup and don't understand why its not working for me. Its around the 13:42 mark, when I select the item it doesn't transition between the selected view and other views? I just don't understand why not. Your thoughts would be much appreciated. 🙂
@CorexoDeu
@CorexoDeu 3 жыл бұрын
thank you for your video. Really helpfull. :)
@RoyalQNY
@RoyalQNY 4 жыл бұрын
Wow, custom tab bars in SwiftUI is easy!
@kestutis.povilaitis
@kestutis.povilaitis 4 жыл бұрын
Does it save navigation state in each tab? For example I'm at the tab view A.1 and navigate to tab view A.2. Then i switch the tab B and then back to A. Does it open A.2 from previous navigation or does it start again at A.1?
@Maxxamande
@Maxxamande 4 жыл бұрын
I think that it will reload the view every time you switch
@LetsBuildThatApp
@LetsBuildThatApp 4 жыл бұрын
Simply create your views as a local variable, this will prevent the view reload.
@kestutis.povilaitis
@kestutis.povilaitis 4 жыл бұрын
@@LetsBuildThatApp you mean create @State var tabAView: AView as a class variable?
@LetsBuildThatApp
@LetsBuildThatApp 4 жыл бұрын
I'll put a lesson on this in the upcoming instagram firestore course.
@majisjon
@majisjon 3 жыл бұрын
@@LetsBuildThatApp Great channel! Great Video! As for suggestion, even if you do that, they will still be recreated every time you switch the tab. I haven't really found a way to preserve view state when switching tabs. Currently I am thinking even doing this in UIkit and wrapping it in Representable. Do you have some recommendation?
@vitdevlab6344
@vitdevlab6344 3 жыл бұрын
Great tutorial. Can you help to add title to the bottom of the Navigation buttons please!
@gladychief
@gladychief 3 жыл бұрын
just add to VStack after Image(...) Text("Example ")
@Александра-ш8ж1б
@Александра-ш8ж1б 4 жыл бұрын
Very interesting! Thanks. Can u talk about custom animations or navigation?
@israelmanzo8725
@israelmanzo8725 4 жыл бұрын
Happy new year ..!
@JasonCheladyn
@JasonCheladyn 2 жыл бұрын
Great stuff
@emmanuelpregnolato5026
@emmanuelpregnolato5026 4 жыл бұрын
Awesome, as usual
@mehmetakyol7297
@mehmetakyol7297 4 жыл бұрын
great work!!
@bitsurfer0101
@bitsurfer0101 3 жыл бұрын
How could you make the + button bigger when you select it?
@anshuray2688
@anshuray2688 4 жыл бұрын
If am in deep navigation on any of the tabs, would it be possible to get to the root view of the particular tab on double tapping the selected tab? Like we have in UIKit. Looks like popToRoot is not that simple in swiftUI. Happy to hear your thoughts on how to achieve it. Thanks.
@LetsBuildThatApp
@LetsBuildThatApp 4 жыл бұрын
There are some weird hacks to make this happen but are really tricky to setup
@anshuray2688
@anshuray2688 4 жыл бұрын
@@LetsBuildThatApp Yea, agreed. I was finally able to do this using the hack only, got it working finally, not relay satisfied though with the solution 😞😞
@michelissa9388
@michelissa9388 3 жыл бұрын
Hey! How do I disable the button on the selected index?
@mattiamussner9972
@mattiamussner9972 3 жыл бұрын
Hello, how can i call a function whenever the user clicks on the first tab in the tab bar?
@scthief4421
@scthief4421 3 жыл бұрын
that was really cool
@lukassbeataddicts
@lukassbeataddicts 3 жыл бұрын
How do I show login view when my app launch and then tab view after login?
@pablokim484
@pablokim484 3 жыл бұрын
Hello, I bought your podcast app making class today. But when I followed your lesson "2.Podcasts - MainTabBarController + Coding Tips", It didn't work in my Simulator(I am using Xcode 12.4 now). And when I created Xcode project, "SceneDelegate.swift" file was created together and it makes me confused. What should I do? What can I modify my code to run it normally?
@jdrsims
@jdrsims 3 жыл бұрын
You are my hero!
@SASIKUMAR-mi8ee
@SASIKUMAR-mi8ee 4 жыл бұрын
Nice one!!!
@trevorwelsh6240
@trevorwelsh6240 3 жыл бұрын
when adding a textfield search in one of the views, the tabbar moves up when the keyboard opens. any ideas on how to fix this?
@mehdiabdi3773
@mehdiabdi3773 4 жыл бұрын
heeeeey you back😍👏
@tariqAlmazyad
@tariqAlmazyad 4 жыл бұрын
For the ForEach . I like to go over the tabBarImages like that HStack{ ForEach(tabBarNames, id: \.self) { item in Spacer() Button(action: { withAnimation{ selectedIndex = tabBarNames.firstIndex(of: item) ?? 0
@veerasubhash8779
@veerasubhash8779 3 жыл бұрын
Great Thumbs up!
@gamesgodkeepup2592
@gamesgodkeepup2592 2 жыл бұрын
How can I put labels on the buttons??
@gamesgodkeepup2592
@gamesgodkeepup2592 2 жыл бұрын
Also Another question, How can I set the taskbar to be tranparent or floating instead of just having it in ar the bottom??
@aokcine4k901
@aokcine4k901 4 жыл бұрын
Cool Video :D
@Grenvil19
@Grenvil19 4 жыл бұрын
when we tab on the icon menu, its become blinking, how to make it not blink? looks not natural, thank you great video btw
@Applest2oApples
@Applest2oApples 4 жыл бұрын
I stead of using “Button”, just use a regular view with an “onTapGesture” modifier to give it a tap action. This will give it the functionality of a button without the fade animation. If your tab is made up of multiple views, wrap them in a container view like Group or a stack and apply the onTap modifier to the group.
@FailMachineInc
@FailMachineInc 4 жыл бұрын
More videos please :)
@1youbest
@1youbest 2 жыл бұрын
The Problem with this Tabbar is that content item view render every-time when tab index change. Native Tabbar not render the view every time on index change.
@MissaMelodica
@MissaMelodica 4 жыл бұрын
OH YEAHH!!!!
@rickeyhrabowskie9683
@rickeyhrabowskie9683 4 жыл бұрын
The completed source code doesn't properly redirect. Thanks in advance.
@LetsBuildThatApp
@LetsBuildThatApp 4 жыл бұрын
Fixed, thanks.
@alefsdev
@alefsdev 4 жыл бұрын
Yesss!!!!!!
@smackaroony
@smackaroony 4 жыл бұрын
Yes
@developerios6096
@developerios6096 3 жыл бұрын
This would have been such a pain in uikit
@coder_acjhp
@coder_acjhp 2 ай бұрын
Sorry SwiftUI guys🙏🏼 but as a 6 years UIKit user to be honest still in 2024 sometimes UIKit is more understandable and more stable.
@DaveyonMayne-ok
@DaveyonMayne-ok 3 жыл бұрын
This method has some down falls. Eg: Index 0 view has 1 subview. pressing the home button (index 0) does nothing as it's already at index 0 but I need to remove the added view in the stack.
@LetsBuildThatApp
@LetsBuildThatApp 3 жыл бұрын
I suppose I need to preface each and every one of these videos with clarification that this is just a general idea on how one can start implementation of certain UI features. The details of your custom design will still need some careful thought and coding on your own.
@sxteesx
@sxteesx 4 жыл бұрын
Professa Bwain
@lytude
@lytude 2 жыл бұрын
This is not very good because it refreshes the page each time. So lets say you fetch an api data on one view, if you go back to the view, it refetches the data again which is not very ideal and may cost the user too much data spending. If you fetch data, just go the the default tab view, it's worth it
@dallasrieck7753
@dallasrieck7753 2 жыл бұрын
same thing with "lesson"
@ivankevich7752
@ivankevich7752 4 жыл бұрын
Wtf man! Why did you do it with zstack if you could use tab& buttons ?!
@miguelramon9191
@miguelramon9191 4 жыл бұрын
Lovely 😍💋 💝💖❤️
@beckettelian2193
@beckettelian2193 4 жыл бұрын
Really nice 👌 😍💋 💝💖❤️
@sergeimeza4663
@sergeimeza4663 4 жыл бұрын
First!
@maliktimothy9177
@maliktimothy9177 4 жыл бұрын
Good. I wait for love from you 💝💖
@dallasrieck7753
@dallasrieck7753 2 жыл бұрын
not "teach", share 😉, it keeps out the conceit
@LetsBuildThatApp
@LetsBuildThatApp 2 жыл бұрын
Meh, I love it when people teach me how to do things. I don't use the word "teach" with any type of superiority complex. You might be projecting.
@theartfuldodger935
@theartfuldodger935 3 жыл бұрын
I see no advantage to doing it this way. One can easily design a series of views and using SwiftUI TabView, link them to tabs. Exact same functionality with less code.
@LetsBuildThatApp
@LetsBuildThatApp 3 жыл бұрын
The answer is quite simple really, most of the apps you use such as Facebook, KZbin, TikTok all have completely custom layouts. I'll let you ponder why.
@theartfuldodger935
@theartfuldodger935 3 жыл бұрын
@@LetsBuildThatApp Jesus. Unsubscribed.
Create a custom tab bar in SwiftUI | Advanced Learning #11
52:05
Swiftful Thinking
Рет қаралды 36 М.
How to use Toolbar in SwiftUI | Bootcamp #63
15:25
Swiftful Thinking
Рет қаралды 15 М.
How to Tab Bar Programmatically (Swift 2023, UIKit, Xcode)
17:05
SwiftUI Navigation - NavigationView & NavigationLink Tutorial
17:34
SwiftUI Grids Columns with JSON ObservableObject and Async Image Loading
52:45
How to Build a Custom Tab Bar in SwiftUI
26:22
CodeWithChris
Рет қаралды 36 М.
How to use Lottie in SwiftUI | Swift Packages #6
15:18
Swiftful Thinking
Рет қаралды 6 М.
How to Create a Custom Tab Bar in SwiftUI - Step by Step for Beginners (2023)
16:28
A Swiftly Tilting Planet
Рет қаралды 16 М.
5 Steps to Better SwiftUI Views
31:19
Paul Hudson
Рет қаралды 56 М.
SwiftUI Bottom Sheets (iOS) - Xcode 14 - 2022
8:09
iOS Academy
Рет қаралды 27 М.