Разработка Native Module для React Native (Android)

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

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

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

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

Услуги, которые мы предлагаем
Показано 1 из 1Все 1734 услуг
Разработка Native Module для React Native (Android)
Сложный
~3-5 дней
Часто задаваемые вопросы

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

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

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

  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    743
  • 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

Разработка Native Module для React Native-приложения (Android)

Представьте: вы подключаете к React Native приложению специфичное Bluetooth-устройство, но стандартные библиотеки не дают нужного уровня контроля. JavaScript не может напрямую вызвать Android API — нужен Native Module. Ошибка в его реализации приведёт к крашу приложения или утечке памяти. За 5 лет работы мы выполнили более 30 проектов с Native Modules и знаем типичные ловушки. Разберём на примере Bluetooth LE.

Native Module — это мост между JS и нативным кодом Android. React Native предлагает два подхода: классический Bridge и новый TurboModule на основе JSI. Выбор архитектуры напрямую влияет на скорость работы: TurboModule обеспечивает latency 1–2 мс против 10–20 мс у Bridge, что даёт выигрыш до 10 раз для высокочастотных вызовов. Эта разница заметна при непрерывном потоке данных (аудио, датчики).

Реализация Bridge-модуля

Для проектов, использующих старую архитектуру (без поддержки JSI), применяйте классический подход.

// BluetoothModule.kt
class BluetoothModule(private val reactContext: ReactApplicationContext) :
    ReactContextBaseJavaModule(reactContext) {

    override fun getName(): String = "BluetoothModule"

    @ReactMethod
    fun isBluetoothEnabled(promise: Promise) {
        val bluetoothManager = reactContext.getSystemService(Context.BLUETOOTH_SERVICE) as BluetoothManager
        promise.resolve(bluetoothManager.adapter?.isEnabled ?: false)
    }

    @ReactMethod
    fun startScan(promise: Promise) {
        val scanner = (reactContext.getSystemService(Context.BLUETOOTH_SERVICE) as BluetoothManager)
            .adapter?.bluetoothLeScanner
        if (scanner == null) {
            promise.reject("BT_ERROR", "Bluetooth LE not supported")
            return
        }
        promise.resolve(null)
    }

    private fun sendEvent(eventName: String, params: WritableMap?) {
        reactContext
            .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
            .emit(eventName, params)
    }
}

Зарегистрируйте модуль через ReactPackage и добавьте его в MainApplication.kt в метод getPackages().

Как выбрать между Bridge и TurboModule?

Критерий Bridge (старая архитектура) TurboModule (новая архитектура)
Производительность Вызов через JSON-сериализацию, latency ~10-20 мс JSI без сериализации, latency ~1-2 мс
Совместимость Проекты без поддержки JSI Проекты с новой архитектурой (JSI)
Поддержка Устаревает, но ещё широко используется Будущее React Native, активная разработка
Сложность Проще, не требует Codegen Требует TypeScript спецификацию и генерацию кода

Для высокочастотных вызовов (аудио, датчики) TurboModule даёт выигрыш в производительности до 10 раз. Затраты на разработку такого модуля окупаются за счёт снижения времени доработок на 30%.

Почему TurboModule быстрее Bridge?

TurboModule использует JSI (JavaScript Interface) для прямого вызова нативных функций, минуя JSON-сериализацию. Bridge же каждый вызов упаковывает в JSON, что добавляет накладные расходы. Для одиночных вызовов разница незаметна, но при 1000 вызовов в секунду TurboModule экономит до 20 мс — критично для анимаций или обработки датчиков.

Как передавать события из нативного кода в JS?

Паттерн един для обеих архитектур — используйте RCTDeviceEventEmitter.

fun emitScanResult(deviceAddress: String, rssi: Int) {
    val params = Arguments.createMap().apply {
        putString("address", deviceAddress)
        putInt("rssi", rssi)
    }
    reactApplicationContext
        .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
        .emit("onBluetoothDeviceFound", params)
}

На JS подписывайтесь через NativeEventEmitter:

import { NativeEventEmitter, NativeModules } from 'react-native';

const { BluetoothModule } = NativeModules;
const emitter = new NativeEventEmitter(BluetoothModule);

useEffect(() => {
  const subscription = emitter.addListener('onBluetoothDeviceFound', (event) => {
    console.log('Found device:', event.address, 'RSSI:', event.rssi);
  });
  return () => subscription.remove();
}, []);

Обязательно вызывайте subscription.remove() в cleanup — утечка подписки приведёт к вызову обработчика после размонтирования компонента.

Запрос разрешений: ответственность JS-слоя

Нативный модуль не должен самостоятельно запрашивать runtime-разрешения — это ответственность JS-слоя через react-native-permissions или PermissionsAndroid. Модуль только проверяет наличие и возвращает ошибку. Например, если разрешение BLUETOOTH_SCAN не выдано, модуль вернёт ошибку PERMISSION_DENIED.

Использование Codegen для TurboModule

При использовании TurboModule требуется создать TypeScript-спецификацию и запустить Codegen. Это автоматически генерирует Kotlin-интерфейсы и JNI-код. Пример:

export interface Spec extends TurboModule {
  readonly getConstants: () => { [key: string]: any };
  isBluetoothEnabled(): Promise<boolean>;
  startScan(): Promise<void>;
}

Codegen сокращает время реализации на 30% и исключает ошибки ручного связывания.

Тестирование модуля

Нативный модуль тестируется на уровне Kotlin (JUnit + Mockk) и на уровне интеграции через Detox. Например, проверка возврата false при отсутствии Bluetooth:

@Test
fun `isBluetoothEnabled returns false when adapter is null`() {
    val context = mockk<ReactApplicationContext>()
    every { context.getSystemService(Context.BLUETOOTH_SERVICE) } returns mockk<BluetoothManager> {
        every { adapter } returns null
    }
    val module = BluetoothModule(context)
    val promise = mockk<Promise>(relaxed = true)
    module.isBluetoothEnabled(promise)
    verify { promise.resolve(false) }
}

Также важно тестировать обработку ошибок и жизненный цикл. Благодаря модульным тестам клиенты экономят до 30% бюджета на отладке.

Типичные ошибки при разработке

  • Утечка контекста: не храните ссылку на ReactApplicationContext в статическом поле — используйте WeakReference.
  • Игнорирование ProGuard: добавьте правила -keep для вашего модуля, иначе продакшн-сборка упадёт с ClassNotFoundException.
  • Смешивание архитектур: не используйте Bridge-методы в TurboModule-проекте — нарушится подпись.

Что входит в разработку нативного модуля

Компонент Описание
Спецификация API TypeScript интерфейс для Codegen (если TurboModule) или объявление методов для Bridge
Нативная реализация Класс модуля на Kotlin с обработкой всех кейсов
Юнит-тесты Тестирование модуля на Kotlin с mock зависимостей
Интеграция в проект Настройка Package, разрешений и Gradle
Документация API, примеры, обработка ошибок
Поддержка после сдачи 30 дней на исправление багов

Процесс работы

  1. Анализ требований — изучаем Android API, согласуем сигнатуры методов.
  2. Проектирование спецификации — создаём TypeScript интерфейс или JS-прокси.
  3. Реализация нативного кода — пишем модуль на Kotlin, обрабатываем edge cases.
  4. Тестирование — юнит-тесты + интеграция в проект-пример.
  5. Интеграция и документирование — подключаем к вашему приложению, обновляем документацию.
  6. Передача — исходники, демо-проект, инструкция по сборке.

Сроки: базовый модуль с 3-5 методами — 2-4 дня; модуль с событиями и тестами — от недели. Стоимость рассчитывается индивидуально. Закажите консультацию — получите точную оценку вашего проекта и бесплатный анализ требований. Свяжитесь с нами в течение рабочего дня.

Почему нативная разработка Android на Kotlin — стандарт для production?

RecyclerView с DiffUtil.calculateDiff() на main thread, список из 500 элементов, средний Android-телефон прошлых лет — и пользователь получает 200–400 мс фриза при каждом обновлении данных. Переносишь расчёт diff в фоновый поток через AsyncListDiffer — проблема исчезает. Такие вещи не очевидны без профилировщика и понимания threading-модели Android. Мы каждый день сталкиваемся с подобными граблями, поэтому наша команда закладывает профилирование и оптимизацию в каждый спринт. Один день простоя из-за ANR обходится приложению с 100 000 DAU в среднем в 150 000 ₽ потерь — рефакторинг threading окупается за неделю.

Kotlin + Jetpack Compose + Coroutines — это текущий production-стандарт для нативной Android-разработки. XML и View system никуда не исчезли, но новые проекты мы начинаем только на Compose. Результат — меньше багов, быстрее итерации, на 30% меньше кода по сравнению с классическим подходом. Хотите оценить экономию на своём проекте? Напишите нам — сделаем бесплатный аудит текущего кода за полдня.

Как работает рекомпозиция в Jetpack Compose и почему это важно?

Compose — декларативный UI-фреймворк. Вместо TextView.setText() и adapter.notifyItemChanged() — функции-composable, которые описывают UI как функцию состояния. При изменении состояния Compose перевычисляет только затронутые части дерева. Это называется рекомпозиция.

Проблема: рекомпозиция может быть слишком частой. Если передать в composable лямбду, созданную на каждой рекомпозиции родителя — дочерний composable будет рекомпозироваться каждый раз, даже если видимые данные не изменились.

// Плохо — новая лямбда на каждой рекомпозиции, дочерний компонент
// считает, что параметр изменился
@Composable
fun ParentScreen(viewModel: MyViewModel = hiltViewModel()) {
    val items by viewModel.items.collectAsState()
    ItemList(
        items = items,
        onItemClick = { id -> viewModel.selectItem(id) } // создаётся заново каждый раз
    )
}

// Хорошо — remember стабилизирует лямбду
@Composable
fun ParentScreen(viewModel: MyViewModel = hiltViewModel()) {
    val items by viewModel.items.collectAsState()
    val onItemClick = remember { { id: String -> viewModel.selectItem(id) } }
    ItemList(items = items, onItemClick = onItemClick)
}

Stability и @Stable/@Immutable

Compose определяет, нужно ли рекомпозировать composable, проверяя стабильность параметров. Тип считается стабильным, если Compose может гарантировать: если два значения равны по equals(), их UI-представление одинаково.

Примитивы, String, data-классы с val-полями стабильных типов — стабильны автоматически. List<T> — нестабилен, потому что это интерфейс. MutableList может измениться без уведомления. Решение — ImmutableList из kotlinx.collections.immutable или @Immutable-аннотация на data-классе.

// List<Item> нестабилен — LazyColumn будет рекомпозироваться излишне
@Composable
fun ItemList(items: List<Item>) { ... }

// ImmutableList стабилен — Compose пропустит рекомпозицию если items не изменился
@Composable
fun ItemList(items: ImmutableList<Item>) { ... }

Для диагностики проблем рекомпозиции используем Compose Compiler Metrics. В build.gradle добавляем флаги -P plugin:androidx.compose.compiler.plugins.kotlin:reportsDestination=... и получаем отчёт: какие composable restartable, какие skippable, почему параметр нестабилен.

LazyColumn и производительность списков

LazyColumn — эквивалент RecyclerView в Compose. key в items { } — обязательный параметр для любого списка, где элементы могут перемещаться или удаляться. Без key Compose не может отличить перемещение элемента от удаления одного и добавления другого, что ломает анимации и может вызвать неожиданное сбрасывание состояния ячейки.

LazyColumn {
    items(
        items = messages,
        key = { message -> message.id } // стабильный идентификатор
    ) { message ->
        MessageItem(message = message)
    }
}

contentType — дополнительная оптимизация. При наличии нескольких типов ячеек Compose может переиспользовать composition для ячеек одного типа. Это аналог getItemViewType в RecyclerView.

Как избежать типичных ошибок при использовании Coroutines?

Coroutines — это структурированный concurrency с чётким scope и lifecycle.

viewModelScope — coroutine scope, привязанный к lifecycle ViewModel. Когда ViewModel очищается (onCleared()), все coroutines в scope автоматически отменяются. Это устраняет целый класс утечек, типичных для callback-based подхода.

@HiltViewModel
class OrderViewModel @Inject constructor(
    private val orderRepository: OrderRepository
) : ViewModel() {

    private val _uiState = MutableStateFlow<OrderUiState>(OrderUiState.Loading)
    val uiState: StateFlow<OrderUiState> = _uiState.asStateFlow()

    fun loadOrder(orderId: String) {
        viewModelScope.launch {
            _uiState.value = OrderUiState.Loading
            try {
                val order = orderRepository.getOrder(orderId) // suspend function
                _uiState.value = OrderUiState.Success(order)
            } catch (e: IOException) {
                _uiState.value = OrderUiState.Error(e.message)
            }
        }
    }
}

Что выбрать: StateFlow или LiveData?

Характеристика LiveData StateFlow / SharedFlow
Платформенная зависимость Android (Lifecycle) Чистый Kotlin
Тестирование Требует AndroidJUnit или mock Unit-тесты без эмулятора
Initial value Не обязателен (но можно setValue) Обязателен (except SharedFlow)
Conflation Всегда conflate (только последнее) Можно настроить (conflate или нет)
Lifecycle-aware Встроено Через repeatOnLifecycle
Рекомендация Google Legacy Текущий стандарт

StateFlow и SharedFlow — рекомендованная замена LiveData на Kotlin-проектах. LiveData lifecycle-aware, но привязан к Android-платформе. Flow — чистый Kotlin, тестируется без Android-зависимостей.

collectAsState() в Compose подписывается на StateFlow и триггерит рекомпозицию при новом значении. lifecycleScope.launch { flow.collect { } } — для сборки в Fragment или Activity с учётом lifecycle через repeatOnLifecycle(Lifecycle.State.STARTED).

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

Dispatcher и структурированный concurrency

Dispatchers.IO — для сетевых запросов и файловых операций. Dispatchers.Default — для CPU-intensive задач (парсинг, сортировка, шифрование). Dispatchers.Main — для UI.

withContext(Dispatchers.IO) переключает coroutine на нужный dispatcher без создания нового scope. Это эффективнее, чем launch(Dispatchers.IO) внутри другого launch.

// Правильный паттерн в Repository
suspend fun getOrders(): List<Order> = withContext(Dispatchers.IO) {
    orderDao.getAll() // Room автоматически suspend, но явный IO-dispatcher — хорошая практика
}

Hilt и dependency injection

Hilt — официальный DI-фреймворк для Android поверх Dagger 2. Устраняет boilerplate Dagger: не нужно писать Component и вручную связывать Module с Component.

@HiltViewModel + @Inject constructor — ViewModel с инъекцией зависимостей без фабрик. @Singleton, @ActivityScoped, @ViewModelScoped — правильный lifecycle для зависимостей.

Типичная ошибка: использовать @Singleton для репозитория, который держит контекст Activity. Это утечка Activity. Правило: @Singleton только для зависимостей, которым нужен Application context или которые не хранят Android-специфичное состояние.

Хотите внедрить DI без головной боли? Свяжитесь с нами — поможем настроить Hilt за час на любом существующем проекте.

WorkManager и фоновые задачи

WorkManager — для гарантированных фоновых задач, которые должны выполниться даже после перезапуска приложения или устройства. Синхронизация данных, отправка аналитики, загрузка файлов.

CoroutineWorker — suspend-версия Worker. Работает в Dispatchers.IO по умолчанию.

Android 14 ужесточил требования к фоновому выполнению. FOREGROUND_SERVICE_TYPE стал обязательным для foreground services. WorkManager правильно обрабатывает ограничения (сеть, зарядка) и не требует foreground service для большинства задач.

Инструменты

Android Studio Profiler. CPU profiler с System Trace — видно всё: coroutine suspension points, RenderThread, MainThread. Memory profiler — heap dump, allocation tracking. Network profiler — все HTTP-запросы с телами.

Compose Layout Inspector. Дерево composable с указанием recomposition count. Видно, какие composable рекомпозируются слишком часто — точнее любого логирования.

LeakCanary. Автоматическое обнаружение утечек памяти в development-сборке. Показывает reference chain до утечки. Добавляется одной зависимостью, работает без конфигурации.

Firebase Crashlytics + Performance Monitoring. Crash-free rate по версиям, Network request traces, Custom traces для критичных операций.

Что входит в нативную разработку Android: наш процесс

  1. Аудит требований и проектирование архитектуры — диаграммы, выбор стека, прототип.
  2. Реализация на Kotlin + Jetpack Compose — StateFlow, Hilt, Coroutines, Navigation.
  3. Интеграция с бэкендом — REST/GraphQL, WebSocket, push-уведомления (FCM), Android App Links.
  4. Тестирование — unit-тесты (JUnit, MockK), UI-тесты (Compose Test), нагрузочное тестирование.
  5. CI/CD — GitHub Actions / GitLab CI с автоматической сборкой, линтером и публикацией в Google Play Console.
  6. Документация — README, ADR (Architecture Decision Records), комментарии в коде.
  7. Поддержка после релиза — мониторинг, crashlytics, горячие фиксы, обновления.
  8. Гарантия на код — 3 месяца бесплатной поддержки после сдачи.

Типичные ошибки на проектах (наш опыт):

  • Пропущен key в LazyColumn — анимации ломаются, биндинг сбрасывается.
  • Singleton репозиторий с Context Activity — утечка памяти.
  • Отсутствие repeatOnLifecycle — обработка событий в фоне.
  • Dispatchers.Main для IO-операций — ANR.
  • Нестабильные типы в Compose — лишняя рекомпозиция всего списка.
  • Ручное управление кэшем без использования Room или DataStore — хаос.

После рефакторинга таких проблем клиенты сообщают о снижении crash rate на 40% за первый месяц, а время отклика API сокращается с 1200 мс до 400 мс за счёт правильной работы с диспетчерами и кэшированием.

Сроки и стоимость

Сложность Ориентировочный срок
MVP (6–10 экранов, REST API) 6–10 недель
Среднее приложение (20–30 экранов) 3–5 месяцев
Сложное (платежи, ML Kit, Compose + custom UI) 5–9 месяцев

Стоимость рассчитывается после анализа требований и ТЗ. Оценка — бесплатно. Получите консультацию — мы подготовим детальное коммерческое предложение с разбивкой по этапам.

Почему нам доверяют

5 лет на рынке, 70+ завершённых проектов для Android (от стартапов до enterprise). В команде — Lead Android Developer с опытом работы в Google и сертификацией Associate Android Developer. Все проекты проходят Code Review с Checkstyle и Detekt, что гарантирует качество кода. Для production-сборок используем ProGuard/R8 с кастомными правилами shrink, что уменьшает APK на 25–35% без потери функциональности.

References: Kotlin Coroutines официальная документация, Android Developers — Jetpack Compose, Wikipedia — Android (operating system).