Višeplatformski razvoj u mobilnim aplikacijama: šta je to, koji okviri i kako radi

Višeplatformski razvoj: Flutter Platform Channel i Method Channel

Flutter je Google-ov okvir za kreiranje izvornih aplikacija iz jedne Dart kodne baze. Za interakciju s platformskim kodom (Kotlin, Swift), Flutter koristi Platform Channel. To je most kroz koji Dart kod poziva izvorne funkcije i dobija rezultat. Višeplatformski razvoj mobilnih aplikacija s Flutter-om je najbrže rastući segment mobilnog razvoja u 2025–2026.

Platform Channel (Method Channel)

Method Channel je glavni komunikacioni kanal Flutter <-> Izvorni. Na Dart strani: MethodChannel('com.example/channel').invokeMethod('getBatteryLevel'). Poruka se kodira u StandardMethodCodec (binarni). Na izvornoj strani se registruje MethodChannel i obrađuje poziv. MethodChannel je asinhron — rezultat se vraća putem Future. Alternativa: EventChannel za tokove događaja.

BasicMessageChannel je kanal nižeg nivoa za slanje stringova/bajtova bez strukture "metod-argumenti". Koristi se za prilagođene protokole. Ceo Platform Channel API prolazi kroz Flutter Engine, koji serijalizuje/deserijalizuje poruke.

FFI, Skia i Impeller

dart:ffi (Foreign Function Interface) — direktno pozivanje C funkcija iz Dart-a bez platformskih kanala. FFI je brži od Method Channel-a (0 režijskih troškova serijalizacije). Koristi se za operacije intenzivne performanse: obrada zvuka, kriptografija, grafički motori. Skia je Flutter-ov motor za renderovanje (2D grafika). Impeller je novi Flutter-ov motor za renderovanje koji zamenjuje Skiu. Impeller kompajlira šejdere unapred (Ahead-of-Time), eliminišući jank (zamrzavanje frejmova) pri prvim pokretanjima. U IT Sectr smo prešli na Impeller 2025. — razlika u glatkoći animacija je odmah primetna.

Višeplatformski razvoj s React Native: Bridge, Fabric, Hermes, JSI

React Native je Meta-ov okvir za višeplatformski razvoj mobilnih aplikacija u JavaScript/TypeScript. React Native renderuje komponente u izvorne UI elemente. Arhitektura je evoluirala: stari Bridge → novi Fabric s JSI.

Fabric vs Bridge

Bridge je stara React Native arhitektura. JS nit serijalizuje poruke u JSON i šalje ih kroz asinhroni red u izvornu nit. Ovo stvara kašnjenja (round-trip mosta ~1 ms). Fabric je nova arhitektura gde JS i izvorna UI nit komuniciraju sinhrono kroz JSI (JavaScript Interface). Fabric ubrizgava izvorne prikaze direktno, bez mosta. Fabric je ključna prekretnica u višeplatformskom razvoju, ubrzavajući renderovanje do 2x.

JSI (JavaScript Interface) je C++ API koji omogućava JavaScript-u da direktno poziva izvorne funkcije i deli memoriju. JSI je zamenio JSON serijalizaciju Bridge-a. Nova arhitektura zasnovana na JSI je ključno dostignuće u višeplatformskom razvoju, definišući performanse mobilnih aplikacija. Turbo Module je novi način pisanja izvornih modula za React Native. Za razliku od starih Native Modules, Turbo Module se lenjo učitava i koristi JSI.

Hermes i Codegen

Hermes je JavaScript motor od Meta, optimizovan za React Native. Hermes kompajlira JS kod u bajtkod u fazi izgradnje, ubrzavajući pokretanje mobilnih aplikacija i smanjujući potrošnju memorije u višeplatformskom razvoju. Codegen je generator izvornog koda zasnovan na TypeScript tipovima. Codegen automatski kreira izvorne module i JSI veze, smanjujući ručni rad.

Flutter sve renderuje sam kroz Skiu/Impeller — ovo daje jedinstveni UI na obe platforme. React Native koristi izvorne UI komponente — izgleda kao izvorna aplikacija. KMP se ne bavi UI-jem — deli samo poslovnu logiku, UI ostaje izvoran. Izbor zavisi od prioriteta: jedinstveni UI (Flutter) ili maksimalna izvornost (React Native/KMP).

Višeplatformski razvoj s Kotlin Multiplatform: expect/actual, Kotlin/Native

Kotlin Multiplatform (KMP) je JetBrains tehnologija za deljeni kod između Androida i iOS-a. Za razliku od Flutter-a i React Native, KMP je alternativni pristup višeplatformskom razvoju: ne zamenjuje UI, već deli poslovnu logiku, mrežne zahteve, modele podataka i repozitorijume. UI ostaje izvoran: Jetpack Compose za Android, SwiftUI za iOS.

expect/actual

expect — deklaracija funkcije ili klase u zajedničkom modulu (commonMain) koji ima implementaciju platforme. Višeplatformski razvoj s KMP koristi expect/actual: actual je konkretna implementacija za svaku platformu (androidMain, iosMain). Primer: expect fun getDeviceId(): String — actual na Androidu koristi Settings.Secure, na iOS-u — UIDevice.current.identifierForVendor.

Kotlin/Native

Kotlin/Native — kompajler Kotlin u izvorni binarni fajl (iOS okvir). Omogućava pokretanje Kotlin koda na iOS-u bez JVM. Kotlin/Native koristi LLVM za kompajliranje, pružajući performanse bliske Swift-u. Kotlin/JS — kompajliranje Kotlin u JavaScript za web i React Native projekte.

Alati za izgradnju: Gradle KTS, CocoaPods Plugin, XCFramework

Alati za izgradnju višeplatformskog razvoja mobilnih aplikacija — most između koda i krajnjeg binarnog fajla. Gradle KTS upravlja Android delom, CocoaPods Plugin upravlja iOS zavisnostima KMP, XCFramework upravlja distribucijom izvornih biblioteka.

Gradle KTS

Gradle KTS — konfiguracija Gradle pomoću Kotlin DSL umesto Groovy-ja. KTS podržava automatsko dovršavanje u Android Studio, proveru tipova i sigurnost refaktorisanja. Primer: plugins { id("com.android.application") } umesto apply plugin: 'com.android.application'. Preporučuje se za sve nove projekte.

CocoaPods Plugin i XCFramework

CocoaPods Plugin — Gradle dodatak za KMP koji objavljuje deljeni modul kao CocoaPods pod. iOS programer ga dodaje putem Podfile-a. XCFramework — Apple-ov format distribucije binarnih biblioteka. XCFramework sadrži binarne fajlove za više arhitektura (arm64, x86_64) i platformi (iOS, macOS, watchOS). U KMP, deljeni modul se izvozi kao XCFramework za iOS.