نوار تب سفارشی در iOS 18: 30 روز سوئیفت

روز هشتم: با نوار برگه سفارشی به سطح بالا بروید!

در هشتمین پست از سری #30DaysOfSwift، بیایید یک نوار تب سفارشی با انیمیشن و آیکون بسازیم.

نوارهای برگه استاندارد خوب هستند، اما یک نوار سفارشی آن لمس اضافی را اضافه می کند!

توضیحات تصویرتوضیحات تصویر

در اینجا نحوه پیاده سازی نوار برگه سفارشی با SwiftUI آمده است:

مراحل ایجاد نوار برگه سفارشی:

1. ساختار نوار Tab را تنظیم کنید:

import SwiftUI

struct CustomTabBarView: View {
    @State private var selectedTab = 0
    let tabBarItems = ["house.fill", "magnifyingglass", "person.fill"]

    var body: some View {
        VStack {
            Spacer()

            // Main Content
            TabView(selection: $selectedTab) {
                HomeView().tag(0)
                SearchView().tag(1)
                ProfileView().tag(2)
            }

            // Custom Tab Bar
            HStack {
                ForEach(0.. String {
        switch index {
        case 0: return "Home"
        case 1: return "Search"
        case 2: return "Profile"
        default: return ""
        }
    }
}

struct HomeView: View {
    var body: some View {
        Text("Home Screen")
            .font(.largeTitle)
            .foregroundColor(.blue)
    }
}

struct SearchView: View {
    var body: some View {
        Text("Search Screen")
            .font(.largeTitle)
           ...

Source link