In today's video, we take an in-depth look at the beautifully crafted Floating Tab Bar component in SwiftUI following the MVVC (Model-View-View-Coordinator) pattern.
Platform: IOS17+
â–º Website:
â–º https://swiftuicodes.net
â–º X Platform
â–º https://x.com/swiftuicodes
â–º Instagram
â–º http://instagram.com/swiftuicodes
What You Will Learn
MVVC Architecture: Discover how to structure your SwiftUI projects with the Model-View-View-Coordinator pattern for better code organisation and maintainability.
Custom Animations: Learn how to create a floating effect that dynamically follows user interactions, making your tab bar not only functional but also visually appealing.
SwiftUI Shapes: Understand how to create custom shapes and paths in SwiftUI to achieve complex user interface designs, such as the curved wave effect in the tab bar.
State Management: Explore the use of @State and @Published properties to manage the dynamic behaviour of your views and provide a responsive and interactive user interface.
📂 Project Structure:
Model.swift: Defines TabType enum and Tab struct to represent different tabs and their properties.
ViewModel.swift: Manages the state of the tab bar, including the selected tab, wave position, and other UI-related properties.
WavedTabViewCoordinator.swift: Acts as a coordinator, establishing the connection between the ViewModel and Views and ensuring clear separation of concerns.
WavedTabView.swift: The main view component that creates the tab bar and applies the waved animation.
ContentView.swift: Integrates WavedTabView into the main content view of the application.
Don't forget to like, subscribe, and hit the notification bell to stay updated with more SwiftUI tutorials 🔔
