Разработка Tab Bar навигации iOS-приложения

TRUETECH занимается разработкой, поддержкой и обслуживанием мобильных приложений iOS, Android, PWA. Имеем большой опыт и экспертизу для публикации мобильных приложений в популярные маркеты Google Play, App Store, Amazon, AppGallery и другие.

Разработка и поддержка любых видов мобильных приложений:

Информационные и развлекательные мобильные приложения
Новостные приложения, игры, справочники, онлайн-каталоги, погодные, фитнес и здоровье, туристические, образовательные, социальные сети и мессенджеры, квиз, блоги и подкасты, форумы, агрегаторы
Мобильные приложения электронной коммерции
Интернет-магазины, B2B-приложения, маркетплейсы, онлайн-обменники, кэшбэк-сервисы, биржи, дропшиппинг-платформы, программы лояльности, доставка еды и товаров, платежные системы
Мобильные приложения для управления бизнес-процессами
CRM-системы, ERP-системы, управление проектами, инструменты для команды продаж, учет финансов, управление производством, логистика и доставка, управление персоналом, системы мониторинга данных
Мобильные приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, платформы предоставления электронных услуг, платформы кешбека, видеохостинги, тематические порталы, платформы онлайн-бронирования и записи, платформы онлайн-торговли

Это лишь некоторые из типы мобильных приложений, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента.

Услуги, которые мы предлагаем
Показано 1 из 1Все 1734 услуг
Разработка Tab Bar навигации iOS-приложения
Простой
от 1 дня до 3 дней
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    744
  • image_mobile-applications_rhl_428_0.webp
    Разработка мобильного приложения для компании RHL
    1160
  • image_mobile-applications_zippy_411_0.webp
    Разработка мобильного приложения для компании ZIPPY
    1034
  • image_mobile-applications_affhome_429_0.webp
    Разработка мобильного приложения для компании Affhome
    968
  • image_mobile-applications_flavors_409_0.webp
    Разработка мобильного приложения для компании FLAVORS
    562

Вступление

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

Типичные сложности

Кастомная настройка внешнего вида. С 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 поверх иконки вкладки. Сравнение подходов:

Метод Сложность Гибкость
badgeColor Низкая Только цвет
setBadgeTextAttributes Средняя Текст и тень
Кастомный UIView Высокая Полная кастомизация

Для 90% сценариев достаточно badgeColor. Мы используем кастомный view только когда нужно анимировать badge (например, пульсация) — это бывает раз в пять проектов.

Когда нужен кастомный badge-виджет? Если требуется анимированный badge (пульсация, смена цвета по событию) или нестандартная форма (треугольник, скруглённый квадрат), стандартные средства не подходят. Мы разработали reusable компонент, который добавляется как subview к tabBarButton и синхронизируется с badgeValue.

Повторный тап на активную вкладку. По умолчанию ничего не происходит. Пользователь ожидает, что список прокрутится вверх. Реализация через 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.

Сроки

Задача Время
Базовая настройка таббара 1 день
Кастомный дизайн 0.5 дня
Badge и уведомления 0.5–1 день
Scroll-to-top и скрытие 0.5 дня
Адаптация под iPad 1–2 дня

Закажите разработку Tab Bar навигации с нашей помощью. Получите консультацию и точную оценку вашего проекта — просто напишите нам с описанием функционала. Сокращаем время разработки на 30% за счёт готовых компонентов.

Почему нативная разработка iOS — лучший выбор для сложных приложений

Приложение крашит на cold start — EXC_BAD_ACCESS в момент инициализации синглтона, который обращается к другому синглтону, который ещё не инициализирован. Или: ViewController утечёт в памяти, потому что closure захватывает self без [weak self], и этот ViewController висит в памяти через два перехода после того, как пользователь его покинул. Это не гипотетические сценарии — это два самых частых класса проблем на iOS-проектах, которые приходят к нам после другой команды.

Мы занимаемся iOS-разработкой более 5 лет, реализовали 40+ проектов разной сложности — от стартапов до enterprise-решений с миллионами пользователей. Каждый проект проходит через 3 этапа Code Review, собственный набор UI-тестов (в среднем 150+ тест-кейсов) и обязательный прогон через Xcode Instruments до релиза.

Нативная iOS-разработка на Swift — это прямой доступ к платформе. Без прослойки, без компромиссов по производительности, с полным контролем над тем, что происходит на каждом кадре.

Почему нативная разработка iOS на Swift — выбор для enterprise-приложений?

Нативный код даёт гарантию совместимости с новыми API Apple в день их выхода, а не через месяцы адаптации в кроссплатформенных фреймворках. Для приложений с чувствительной к задержкам логикой (финансовые терминалы, медицинские мониторы, AR-навигация) это критично. Swift с ARC и строгой типизацией позволяет держать crash-free rate на уровне 99.9% при правильной архитектуре.

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)]. При среднем бюджете проекта в 5 миллионов рублей экономия может составить до 3 миллионов рублей только на UI-слое.

@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 — навигацией.

Как async/await и Combine работают вместе

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

// Правильно — @MainActor гарантирует UI-обновления на main thread
@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 {
            // handle error
        }
    }
}

Combine остаётся незаменимым для дебаунсинга ввода, объединения нескольких Publishers (CombineLatest, Zip) и функциональной обработки потока значений (map, flatMap, filter). На практике 80% проектов используют оба подхода, выбирая инструмент под задачу.

Архитектура 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-приложения

Этап Результаты
Анализ и проектирование Техническое задание, архитектурная схема, выбор стеков
Разработка Код с соблюдением App Store Review Guidelines, интеграция с бэкендом (REST/GraphQL)
Тестирование Unit-тесты (XCTest, покрытие >75%), UI-тесты (XCUITest, 150+ сценариев), нагрузочное тестирование через Firebase Test Lab
Публикация Оформление аккаунта разработчика, подпись кода, отправка в App Store Connect
Поддержка Гарантия 30 дней после релиза, обновления под новые версии 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%.

Типичные ошибки на iOS-проектах и их решения
Проблема Решение
Утечка памяти из-за захвата self в замыкании Использовать [weak self] во всех хендлерах, где self не обязан жить дольше замыкания
Конфликты Provisioning Profiles Настроить Fastlane match и хранить сертификаты в отдельном репозитории
Медленный старт приложения из-за синхронной инициализации синглтонов Перенести инициализацию на первый вызов или использовать lazy var
Отказ App Store из-за несоответствия Section 4.2 (минимальная функциональность) Провести предварительный аудит по чек-листу App Store Review Guidelines

Процесс и сроки

Сложность Ориентировочный срок
MVP (5–8 экранов, базовый API) 6–10 недель
Среднее приложение (15–25 экранов) 3–5 месяцев
Сложное (платежи, AR, CoreML, кастомный UI) 5–9 месяцев

Стоимость рассчитывается индивидуально после анализа ТЗ и дизайна. Обычно первые 2 недели уходят на проектирование, после чего мы фиксируем сроки и бюджет. Средний бюджет на разработку среднего iOS-приложения — от 4 до 7 миллионов рублей в зависимости от сложности интеграций.

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