آموزش نوار ناوبری در iOS 18 – #30DaysOfSwift

روز دوم: پرسه زدن در مسیرهای متعدد 🛣️

در پست سوم از سری #30DaysOfSwift قصد دارم نحوه ساخت نوار ناوبری چسبنده را به شما آموزش دهم.

خروجی چیزی شبیه به این خواهد بود:


اسکرین شات از یک برنامهاسکرین شات از یک برنامه

مراحل:

  • یک فایل SwiftView جدید به نام “HomeView” ایجاد کنید.
  • ContentView() را با HomeView() در YourAppNameApp.swift جایگزین کنید (در این مورد، پروژه من ShipiOS نام دارد. بنابراین، نام فایل ShipiOSApp.swift است).
var body: some Scene {
        WindowGroup {
            HomeView()
        }
    }
  • در نهایت کد زیر را در فایل HomeView() خود اضافه کنید:
    توضیحات تصویرتوضیحات تصویر

کد:

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 {
                ...

Source link