Day 2: Wandering around the multiple paths 🛣️ In the third post of the #30DaysOfSwift series, I am going to teach you how to make a sticky navigation bar. The output would look something like this: Steps: Create a new SwiftView file called "HomeView." Replace the ContentView() with HomeView() in YourAppNameApp.swift (In this case, my project is called ShipiOS. Thus, file name is ShipiOSApp.swift). var body: some Scene {
        WindowGroup {
            HomeView()
        }
    } Lastly, add the following code in your HomeView() file: Code: struct HomeView: View {
    @State private var selectedTab = 0 // Track the selected tab
    let generator = UIImpactFeedbackGenerator(style: .light) // For Haptics

    @EnvironmentObject var userCommonData: CommonData

    var body: some View {
        TabView(selection: $selectedTab) {
            ContentView() // Replace with your view
                .tabItem {
                    Label("Home", systemImage: "house")
                }
                .tag(0)

            SecondView() // Replace with your view
                .tabItem {
                    Label("Chats", systemImage: "tray")
                }
                .tag(1)

            ThirdView() // Replace with your view
                .tabItem {
                    Label("Profile", systemImage: "gearshape")
                }
                .tag(2)
        }
        .accentColor(Color("AppSecondaryColor"))
        .onChange(of: selectedTab) {
            generator.impactOccurred()
        }
    }

} Does it work? Let me know :) Happy coding! Day 2: Wandering around the multiple paths 🛣️ Day 2: Wandering around the multiple paths 🛣️ In the third post of the #30DaysOfSwift series, I am going to teach you how to make a sticky navigation bar. The output would look something like this: Steps: Create a new SwiftView file called "HomeView." Create a new SwiftView file called "HomeView." Replace the ContentView() with HomeView() in YourAppNameApp.swift (In this case, my project is called ShipiOS. Thus, file name is ShipiOSApp.swift). Replace the ContentView() with HomeView() in YourAppNameApp.swift (In this case, my project is called ShipiOS. Thus, file name is ShipiOSApp.swift). var body: some Scene {
        WindowGroup {
            HomeView()
        }
    } var body: some Scene {
        WindowGroup {
            HomeView()
        }
    } Lastly, add the following code in your HomeView() file: Lastly, add the following code in your HomeView() file: Code: struct HomeView: View {
    @State private var selectedTab = 0 // Track the selected tab
    let generator = UIImpactFeedbackGenerator(style: .light) // For Haptics

    @EnvironmentObject var userCommonData: CommonData

    var body: some View {
        TabView(selection: $selectedTab) {
            ContentView() // Replace with your view
                .tabItem {
                    Label("Home", systemImage: "house")
                }
                .tag(0)

            SecondView() // Replace with your view
                .tabItem {
                    Label("Chats", systemImage: "tray")
                }
                .tag(1)

            ThirdView() // Replace with your view
                .tabItem {
                    Label("Profile", systemImage: "gearshape")
                }
                .tag(2)
        }
        .accentColor(Color("AppSecondaryColor"))
        .onChange(of: selectedTab) {
            generator.impactOccurred()
        }
    }

} struct HomeView: View {
    @State private var selectedTab = 0 // Track the selected tab
    let generator = UIImpactFeedbackGenerator(style: .light) // For Haptics

    @EnvironmentObject var userCommonData: CommonData

    var body: some View {
        TabView(selection: $selectedTab) {
            ContentView() // Replace with your view
                .tabItem {
                    Label("Home", systemImage: "house")
                }
                .tag(0)

            SecondView() // Replace with your view
                .tabItem {
                    Label("Chats", systemImage: "tray")
                }
                .tag(1)

            ThirdView() // Replace with your view
                .tabItem {
                    Label("Profile", systemImage: "gearshape")
                }
                .tag(2)
        }
        .accentColor(Color("AppSecondaryColor"))
        .onChange(of: selectedTab) {
            generator.impactOccurred()
        }
    }

} Does it work? Let me know :) Happy coding! Happy coding!

The code in this story is for educational purposes. The readers are solely responsible for whatever they build with it.

Onboarding Flow in iOS 18 - #30DaysOfSwift

Haptic Feedback for the Feels - #30DaysOfSwift

Read My Stories

Too Long; Didn't Read

Make resilience your competitive advantage

Navigation Bar Tutorial in iOS 18 - #30DaysOfSwift

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

AVKit Integration in iOS 18 - #30DaysOfSwift

6 Ways to Run Kotlin Code in Android Studio

Model Validation in C#: Unit Testing

Crafting Interactive QR Code Web Components: Integration and Customization

Daily Coding Problem: Triangular Numbers and Big Divisors

AVKit Integration in iOS 18 - #30DaysOfSwift

6 Ways to Run Kotlin Code in Android Studio

Model Validation in C#: Unit Testing

Crafting Interactive QR Code Web Components: Integration and Customization

Daily Coding Problem: Triangular Numbers and Big Divisors

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps