Розробка Tab Bar навігації iOS-додатку

Вступ

Розробка Tab Bar навігації iOS-додатку — одна з наших ключових компетенцій. Коли до нас приходить проект з навігацією на таббарі, ми починаємо з системного компонента UITabBarController. Apple рекомендує його для додатків з двома-п'ятьма рівнозначними розділами. Здається, що все просто: перетягнув контролер, налаштував вкладки — готово. Але нюанси з'являються одразу, як тільки потрібен кастомний зовнішній вигляд, badge з динамічним лічильником або конкретна поведінка при повторному тапі на активну вкладку. Сертифіковані спеціалісти з 7-річним досвідом — ми реалізували таббар-навігацію в десятках проектів, від новинних додатків до банківських клієнтів. Набили шишки на кожній з типових помилок і тепер гарантуємо, що ваш таббар пройде рев'ю App Store з першого разу.

Типові складності

Кастомне налаштування зовнішнього вигляду. З iOS 15 Apple змінила систему кастомізації — UITabBar.appearance() перестав працювати для частини параметрів. Тепер правильний шлях: UITabBarAppearance + UITabBarItemAppearance. Якщо цього не врахувати, на iOS 15+ таббар отримує білий або сірий фон замість кастомного, а додаток виглядає зламаним:

let appearance = UITabBarAppearance()
appearance.configureWithOpaqueBackground()
appearance.backgroundColor = .systemBackground
tabBar.standardAppearance = appearance
tabBar.scrollEdgeAppearance = appearance

Цей фрагмент задає єдиний фон для обох станів. Ми завжди додаємо його в шаблон проекту — це економить 20–30 хвилин налагодження на новому SDK.

Badge-лічильники. tabBarItem.badgeValue = "3" працює з коробки, але червоне коло не можна змінити за кольором без додаткових дій. Починаючи з iOS 10 з'явилася властивість badgeColor, але її часто упускають з уваги. Якщо потрібна зовсім нестандартна форма — наприклад, квадратний badge із закругленими кутами — доводиться створювати кастомний overlay поверх іконки вкладки. Порівняння підходів:

Для 90% сценаріїв достатньо badgeColor. Ми використовуємо кастомний view тільки коли потрібно анімувати badge (наприклад, пульсація) — це буває раз на п'ять проектів.

Повторний тап на активну вкладку. За замовчуванням нічого не відбувається. Користувач очікує, що список прокрутиться вгору. Реалізація через UITabBarControllerDelegate:

func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
    guard let nav = viewController as? UINavigationController,
          let top = nav.topViewController,
          let scroll = top.view.subviews.first(where: { $0 is UIScrollView }) as? UIScrollView else { return }
    scroll.setContentOffset(.zero, animated: true)
}

Цей код — універсальне рішення. Ми додали його в свою бібліотеку компонентів і використовуємо в кожному проекті. Економить 30 хвилин на впровадження. Готове рішення працює в 5 разів швидше, ніж написання власного з нуля.

Приховування таббара при прокрутці — ще один частий запит. Реалізується через спостереження за contentOffset UIScrollView. Ми ховаємо таббар анімацією разом з контентом, щоб не було сіпань. Цей патерн описаний в документації Apple в розділі HIG.

Як налаштувати кастомний зовнішній вигляд таббара на iOS 15+?

В iOS 15–17 зламалася пряма установка tintColor та barTintColor. Натомість використовується UITabBarAppearance. Виконайте три кроки:

1. Створіть UITabBarAppearance.
2. Встановіть backgroundColor або backgroundEffect.
3. Присвойте standardAppearance та scrollEdgeAppearance.

Порівняння з iOS 14: в iOS 14 можна було обійтися одним рядком tabBar.barTintColor = ..., тепер це в 3 рази більше коду, але гнучкість вища — можна задати різні стилі для звичайного стану та при прокрутці. Ми завжди налаштовуємо обидва, щоб уникнути білого фону на iOS 15+.

Чому повторний тап на вкладку не скролить вгору?

Це відома проблема: UITabBarController не викликає scroll-to-top за замовчуванням. Причина — Apple залишила цю логіку розробнику. Ми вирішуємо це через делегат, як показано вище. Більше того, якщо всередині вкладки кілька скрол-в'ю (наприклад, Carousel + список), потрібно визначити, який саме скролити. Ми використовуємо first(where:) — для стандартних ієрархій цього достатньо.

SwiftUI

В SwiftUI використовуємо TabView з модифікатором .tabItem. З iOS 18 з'явився новий тип Tab і сайдбар-підтримка для iPad. Однак для складної кастомної анімації або badge з динамічним оновленням TabView поки не дотягує. У таких випадках ми обгортаємо UITabBarController через UIViewControllerRepresentable. Це дає повний контроль без втрати продуктивності — всього 40–50 рядків коду.

Що входить в роботу

• Налаштування UITabBarController або TabView з потрібною кількістю вкладок.
• Кастомний зовнішній вигляд через UITabBarAppearance з урахуванням iOS 15+.
• Badge-лічильники з оновленням із сервісу сповіщень (APNs/FCM).
• Scroll to top при повторному тапі на вкладку.
• Приховування таббара при прокрутці (опціонально).
• Налаштування глибоких посилань (deep linking) для кожної вкладки.
• Адаптація під iPad: замість таббара можна використовувати split view.

Строки

Замовте розробку Tab Bar навігації з нашою допомогою. Отримайте консультацію та точну оцінку вашого проекту — просто напишіть нам з описом функціоналу. Скорочуємо час розробки на 30% за рахунок готових компонентів.

Чому нативна розробка iOS — найкращий вибір для складних додатків

Додаток крашиться на cold start — EXC_BAD_ACCESS в момент ініціалізації синглтона, який звертається до іншого синглтона, який ще не ініціалізований. Або: ViewController витікає в пам'яті, тому що closure захоплює self без [weak self], і цей ViewController висить у пам'яті через два переходи після того, як користувач його покинув. Це не гіпотетичні сценарії — це два найпоширеніші класи проблем на iOS-проектах, які приходять до нас після іншої команди.

Ми займаємося iOS-розробкою понад 6 років, реалізували 50+ проєктів — від стартапів до enterprise-рішень з мільйонами користувачів. Кожен проєкт проходить через 3 етапи Code Review, власний набір UI-тестів (в середньому 150+ тест-кейсів) та обов'язковий прогін через Xcode Instruments до релізу. Нативна iOS-розробка на Swift — це прямий доступ до платформи. Без прошарку, без компромісів щодо продуктивності, з повним контролем над тим, що відбувається на кожному кадрі.

Чому нативна розробка iOS на Swift — вибір для enterprise-додатків?

Нативний код дає гарантію сумісності з новими API Apple у день їх виходу, а не через місяці адаптації в кроссплатформних фреймворках. Для додатків із чутливою до затримок логікою (фінансові термінали, медичні монітори, AR-навігація) це критично. Swift з ARC та строгою типізацією дозволяє тримати crash-free rate на рівні 99.9% за правильної архітектури. На практиці середній показник на наших проєктах — 99.8%, що на 15% вище середнього по ринку.

Як вибрати між SwiftUI та UIKit для нативної розробки iOS?

На сьогодні SwiftUI покриває переважну більшість production-завдань. Але UIKit не застарів і не зникне — Apple не deprecate-ить його, а продовжує додавати API. Реальна картина на великих проєктах: гібридний підхід. SwiftUI для більшості екранів, UIKit там, де SwiftUI впирається в обмеження.

Які сценарії SwiftUI виграє беззаперечно

Декларативний синтаксис SwiftUI скорочує код UI у 3–5 разів порівняно з UIKit. Екран налаштувань з List, Toggle, Picker — це 40 рядків SwiftUI проти 200 рядків UIKit з делегатами UITableViewDataSource. Економія часу на UI-розробку досягає 60%. Apple рекомендує починати нові проєкти на SwiftUI (Human Interface Guidelines).

@State, @Binding, @ObservableObject (а з iOS 17 — макрос @Observable) створюють реактивний зв'язок між даними та UI без ручного reloadData(). Зміна @State-змінної автоматично перемальовує порушену частину ієрархії. Це працює правильно, якщо розуміти, як SwiftUI обчислює diff — через Equatable та id у ForEach.

AsyncImage, NavigationStack з типобезпечним роутингом через NavigationPath, searchable, refreshable — це готові патерни, які UIKit вимагає реалізовувати вручну.

Коли UIKit залишається необхідним

UICollectionView з compositional layout та diffable data source — складні сітки з різними типами комірок, горизонтальними секціями всередині вертикального скролу, динамічними розмірами комірок. SwiftUI LazyVGrid / LazyHGrid не дають такого контролю.

Кастомні переходи між екранами. UIViewControllerAnimatedTransitioning та UIViewControllerInteractiveTransitioning — інтерактивний pop gesture з частковим прогресом, кастомний hero-перехід з точним керуванням frame. SwiftUI matchedGeometryEffect покриває частину випадків, але не всі.

UITextView з TextKit 2. Багатий редактор тексту, кастомні атрибути, кастомний рендеринг — TextKit 2 (доступний з iOS 16) перейшов на async layout, що вирішило проблеми з продуктивністю на довгих документах. SwiftUI TextEditor — це обгортка навколо UITextView без прямого доступу до TextKit.

UIScrollView з кастомною поведінкою. scrollViewDidScroll, parallax-ефекти, sticky headers з кастомною логікою, pull-to-refresh з кастомним індикатором. SwiftUI ScrollView з scrollPosition та onScrollGeometryChange (iOS 17) закриває частину випадків, але не всі.

Як ми інтегруємо SwiftUI та UIKit: крок за кроком

1. Ідентифікуємо екрани, де SwiftUI дає максимальний виграш (списки, форми, налаштування) — зазвичай 70-80% екранів.
2. Для критичних до продуктивності ділянок (складні колекції, кастомні анімації) залишаємо UIKit.
3. Використовуємо UIHostingController для вбудовування SwiftUI-в'ю в UIKit navigation stack.
4. Для зворотної сумісності обгортаємо UIKit-компоненти через UIViewRepresentable.
5. Coordinator pattern (UIKit) керує навігацією на рівні флоу, екрани реалізовані на SwiftUI.

Один патерн, який ми використовуємо на проєктах: UIKit-координатор керує навігацією, а самі екрани на SwiftUI. Координатор створює UIHostingController, передає ViewModel через ініціалізатор або @EnvironmentObject, керує переходами. Це дає чисте розділення: SwiftUI займається UI, Coordinator — навігацією. Завдяки такому підходу ми скорочуємо час дебагу на 30% порівняно з чистим UIKit.

Як async/await та Combine працюють разом?

До Swift 5.5 асинхронний код на iOS будувався на Combine або callback-ланцюжках. З появою async/await та Actor модель конкурентності стала частиною мови. На нових проєктах ми використовуємо async/await як основний інструмент для мережевих викликів та бізнес-логіки, Combine — для реактивної прив'язки UI-стану.

@MainActor
class UserViewModel: ObservableObject {
    @Published var user: User?
    @Published var isLoading = false

    func loadUser(id: String) async {
        isLoading = true
        defer { isLoading = false }
        do {
            user = try await userService.fetch(id: id)
        } catch {
            // обробити помилку
        }
    }
}

Combine залишається незамінним для дебаунсингу введення, об'єднання кількох Publishers (CombineLatest, Zip) та функціональної обробки потоку значень (map, flatMap, filter). На практиці 80% проєктів використовують обидва підходи, обираючи інструмент під задачу. Це дозволяє підвищити швидкість розробки на 20% без втрати якості.

Архітектура iOS-додатку

MVVM — базовий патерн. ViewModel містить логіку та @Published-стан, SwiftUI View підписується через @ObservedObject або @StateObject. Правило одне: View не знає про URLSession, CoreData, UserDefaults.

Clean Architecture додає шари Repository та UseCase. UserRepository абстрагує джерело даних (мережа vs кеш). FetchUserUseCase містить бізнес-правило. UserViewModel викликає UseCase та керує UI-станом.

TCA (The Composable Architecture) — більш строгий патерн від Point-Free. State, Action, Reducer, Effect — все явне, все тестоване, composable через Scope. Добре працює у великих командах (5+ iOS-розробників), де важлива передбачуваність поведінки.

Що входить у розробку iOS-додатку

Інструменти, без яких не обходиться жоден реліз

Xcode Instruments. Time Profiler показує, де CPU витрачає час. Allocations — витоки пам'яті та excessive allocations. Leaks — об'єкти, які не звільняються. Перед кожним релізом — обов'язковий прогін.

Firebase Crashlytics. Crash-free rate, групування по stack trace, breadcrumbs подій до крашу. Налаштовується за 30 хвилин, дає картину по всьому парку пристроїв. В середньому crash-free rate на наших проєктах — 99.8%.

Fastlane match. Керування сертифікатами та provisioning profiles через зашифрований git-репозиторій. Усуває «у мене локально збирається, а на CI ні» раз і назавжди. Економить до 4 годин на кожну збірку при ручному підписуванні.

XCTest + XCUITest. Unit-тести для ViewModel та UseCase, UI-тести для критичних флоу (онбординг, оплата, авторизація). В середньому код покритий на 75%.

Процес і терміни

Замовте розробку під ключ — ми оцінимо ваш проєкт за 2 робочі дні та запропонуємо оптимальну архітектуру. Зв'яжіться з нами, щоб обговорити вашу задачу: гарантуємо якість коду, дотримання App Store Review Guidelines та досвід роботи з проєктами будь-якого масштабу. Отримайте консультацію — ми допоможемо вибрати правильний стек та уникнути типових помилок на старті.