SwiftUI Custom Tab Bar
Create a fun, dynamic, custom Tab Bar to take your apps to the next level
Description
In this course you will learn how to create a Tab Bar. A tab bar is extremely common when constructing high end applications that have multiple views. To start, we will create five different views. Then we will pass those separate views into our ContentView that will contain our tab. You guys will learn how to utilize the @State property wrapper to variables within your view. There will be five icons that we use and these can be found on the SF Symbols app from the App Store or your Mac or MacBook (Xcode is also on the App Store if you do not have). We will be using these icons to populate our tab and we will also learn how to use Label to have our icon and text within our tab. After creating a generic TabView, we will then construct a Custom Tab Bar. With the custom tab bar, we will still pass in the five views that we previously created. We will still be utilizing the @State property wrapper to our view to distinguish which tab we are on. Also, we will learn how to utilize our Assets folder to make custom colors that look great. When selected an icon within the custom tab, we will use a ternary conditional operator to determine the color of the tab. For example, if you select a tab it will turn blue, although the other ones that are not selected will stay black. If you do not have any understanding of Swift or SwiftUi it is okay, this and my other courses are a great start for beginners looking to build knowledge on IOS development. Creating a custom tab bar makes ones app way more techy and visually appealing to users! Hope you all enjoy!
What You Will Learn!
- Learn how to create a regular Tab Bar
- Learn how to pass different views to a Tab
- Learn how to create a Custom Tab Bar
- Learn how to pass in views to the Custom Tab
- Learn how to properly use custom colors
- Learn how to utilize SF Symbols
- Learn how to use Ternary Conditional Operator
- Learn how to use State variables
- Learn how to utilize different stacks - Vstack, Hstack, Zstack
- Learn if/else statements easy
Who Should Attend!
- Beginner Swift/SwiftUI developers