Desenvolupament Flutter: apps natives iOS i Android

Ni webview ni bridge: compilació AOT a codi ARM natiu. Skia renderitza cada píxel. 60 fps constants.

Estimar projecte Veure arquitectura
  • <16ms Frame budget
Com construïm: requisits, arquitectura, codi revisat, desplegament reversible, rendiment mesurat i evolució amb el teu equip Cada mètrica marca la següent iteració 01 · Requisits El que el negocinecessita 02 · Arquitectura Decisionsdocumentades 03 · Codi Revisat i provat 04 · Desplegament Automàtic ireversible 05 · Rendiment Core Web Vitals enverd 06 · Evolució El teu equip demana,nosaltres entreguem
  1. 01 · Requisits El que el negoci necessita
  2. 02 · Arquitectura Decisions documentades
  3. 03 · Codi Revisat i provat
  4. 04 · Desplegament Automàtic i reversible
  5. 05 · Rendiment Core Web Vitals en verd
  6. 06 · Evolució El teu equip demana, nosaltres entreguem
  7. Cada mètrica marca la següent iteració
Scroll

Definició

Per què Flutter no és com React Native?

React Native usa un bridge JavaScript → Native. Cada animació creua el bridge. Flutter compila a ARM natiu amb AOT. No hi ha bridge. Skia renderitza directament a la GPU. El resultat: 60fps consistents, no "quasi sempre 60fps".

El trade-off: Flutter no usa components natius de la plataforma. Dibuixa tot amb Skia. Això garanteix consistència visual perfecta entre iOS i Android, però pot sentir-se "no natiu" per usuaris que esperen el look exacte d'iOS.

Per què

iOS, Android, Web, Desktop

Un codebase, totes les plataformes

Flutter no és "write once, debug everywhere". És un sol codebase que compila a codi natiu AOT. Skia renderitza cada píxel idèntic a iOS, Android, Web i Desktop. Hot reload en 100ms per iterar ràpid. Widget tree optimitzat per 60fps constants.

lib/widgets/product_card.dart
// UI declarativa amb Hot Reload
class ProductCard extends StatelessWidget {
final Product product;
@override
Widget build(BuildContext ctx) {
return Card(
child: Text(product.name),
);
}
}
  • iOS+Android Plataformes
  • 1 únic Codebase
  • ✓ Hot Reload

En xifres

Garanties de rendiment

Frame metrics que importen.

  • 60fps UI framerate
  • >95% Codi compartit
  • 3 Plataformes 1 codi

Lliurables

Lliurables del servei

El que reps en cada projecte Flutter.

  • App iOS nativa (App Store ready)
  • App Android nativa (Play Store ready)
  • Codi font documentat
  • Tests unitaris i widget tests
  • Pipeline CI/CD configurat
  • Performance profiling report
  • Store assets (icones, screenshots)
  • Documentació d'arquitectura

Resum

Per al CEO

El valor de negoci de Flutter.

Un equip, dues apps natives. Flutter permet llançar a iOS i Android simultàniament amb el mateix codi. Això redueix temps de desenvolupament en 40-50% respecte a equips natius separats.

Rendiment natiu real, no "quasi nativa". A diferència de solucions híbrides, Flutter compila a codi ARM. Els teus usuaris no notaran que no és Swift o Kotlin.

Ecosistema Google amb roadmap clar. Flutter és usat per Google Ads, Google Pay i empreses com BMW, eBay, Alibaba. No és un experiment, és producció enterprise.

  • -40% Temps desenvolupament
  • 60fps Garantit
  • 95% Codi compartit

Per al CTO

Per al CTO

El detall tècnic de Flutter.

Compilació AOT a codi ARM natiu. Sense bridge JavaScript, sense overhead d'interpretació. L'engine Impeller reemplaça Skia a iOS per millor rendiment amb Metal API.

Arquitectura Clean + Riverpod per state management. Drift per persistència local type-safe (SQLite). Platform Channels quan necessites APIs natives específiques.

CI/CD amb Codemagic o GitHub Actions + Fastlane. Builds automàtics per cada PR, distribució a TestFlight/Firebase App Distribution.

Tecnologies

  • AOT compilation a ARM64/ARM32
  • Impeller renderer per iOS Metal
  • Riverpod per state management
  • Platform Channels per codi natiu
  • Patrol per proves d'integració

Què inclou

Serveis de desenvolupament Flutter

Capacitats tècniques incloses.

  • Desenvolupament iOS i Android
  • Flutter Web
  • Disseny UI/UX
  • Integracions backend
  • Proves automatitzades
  • Publicació a stores

Per a qui

És per a tu?

Flutter és per apps natives amb UI custom. Si ja tens equip React, React Native pot ser millor.

Per a qui

  • Empreses que necessiten app nativa per iOS i Android amb un sol codi.
  • Startups que volen màxim rendiment amb pressupost optimitzat.
  • Projectes amb requisits de UI/UX complexes i animacions fluides.
  • Equips disposats a aprendre Dart o contractar expertise Flutter.
  • Apps on la consistència visual entre plataformes és un avantatge.

Per a qui no

  • Equips amb inversió forta en React/JavaScript (millor React Native).
  • Apps que han de sentir-se 100% natives de cada plataforma.
  • Projectes on una PWA cobreix les necessitats sense app nativa.
  • Empreses sense capacitat per a un projecte d'app nativa amb arquitectura completa.
  • MVPs molt simples on no-code o plantilles són suficients.

Riscos i com els cobrim

Mitigació de riscos

Com protegim la teva inversió.

  1. 01

    Rendiment inconsistent (jank)

    Mitigació

    Profiling en cada PR amb Flutter DevTools. const constructors, RepaintBoundary, Isolates.

  2. 02

    Rebuig a App Store

    Mitigació

    Compliment de guidelines des del disseny. Revisió pre-submission amb checklist Apple.

  3. 03

    Flutter queda obsolet

    Mitigació

    Google l'usa en productes core. Comunitat activa. Roadmap públic i releases estables contínues.

  4. 04

    Dificultat de manteniment

    Mitigació

    Arquitectura Clean documentada. Tests automatitzats. Onboarding doc per equips futurs.

  5. 05

    Integració nativa complexa

    Mitigació

    Platform Channels per codi Swift/Kotlin específic quan Flutter no basta.

La prova

Credencials multiplataforma

Equip amb experiència des de Flutter 1.0. Apps publicades a l'App Store i Google Play amb 4.5+ estrelles. 60fps garantits, zero jank, codi compartit >95%.

  • Experiència Flutter 80%
  • Rendiment 60fps 100%
  • Codi compartit 95%
  • Satisfacció a les stores 90%

Com treballem

Pipeline de desenvolupament

De wireframe a stores.

  1. 01

    Arquitectura i prototipatge

    Figma designs, navigation graph, data models. Prototip interactiu per validar UX abans d'escriure codi.

    Setmana 1-2
  2. 02

    Desenvolupament de funcionalitats principals

    Implementació feature per feature. Widget tests en cada PR. DevTools profiling.

    Setmana 3-6
  3. 03

    Poliment per plataforma

    Ajustos iOS/Android específics. Splash screens, app icons, deep linking.

    Setmana 7-8
  4. 04

    Enviament a stores

    Build signing, store assets, privacy policies. Submission a App Store i Play Store.

    Setmana 9

Tecnologies

Pila tecnològica Flutter

Packages provats en producció.

  • Flutter
  • Dart
  • Riverpod
  • go_router
  • freezed
  • dio
  • drift (SQLite)
  • Hive
  • Firebase
  • Supabase
  • flutter_hooks
  • Codemagic CI
  • Fastlane
  • Patrol

Preguntes freqüents

Preguntes freqüents

El que els Product Managers pregunten.

Flutter o React Native?

Flutter si: vols 60fps garantits, UI custom, i no t'importa que no "se senti natiu". React Native si: el teu equip ja sap React, necessites look 100% natiu per plataforma, o vols compartir més codi amb web.

Flutter Web està llest per producció?

Per apps (dashboards, eines internes): sí. Per websites amb SEO: no, usa Next.js. Flutter Web genera Canvas/WebGL, no HTML semàntic. Si només necessites una web instal·lable, valora una PWA.

Quant codi es comparteix entre iOS i Android?

95%+ del codi és shared: business logic, state, UI widgets. El 5% restant: platform channels per APIs natives específiques.

Què passa amb les actualitzacions de iOS/Android?

Flutter s'actualitza per suportar noves APIs. L'engine Impeller millora rendiment a iOS. El risc de "Flutter mor" és baix.

Puc usar codi natiu existent?

Sí. Platform Channels permeten cridar codi Swift/Kotlin des de Dart. Ideal per SDKs natius.

Com es gestionen les notificacions push?

Firebase Cloud Messaging per ambdues plataformes. Configuració nativa per APNs (iOS) i FCM (Android). Si necessites backend propi per a notificacions i APIs, el desenvolupem amb Node.js.

El disseny és igual a iOS i Android?

Per defecte, Flutter usa Material Design. Podem aplicar Cupertino widgets per iOS o crear disseny custom consistent.

Quant temps tarda un projecte típic?

MVP 5-8 pantalles: 8-10 setmanes. App completa amb backend: 12-16 setmanes. Enterprise: 16-24 setmanes.

Següent pas

La teva app actual té jank?

Auditoria de rendiment gratuïta. Analitzem frame times, memory i widget tree. Report en 48h.

Sol·licitar auditoria
  • Sense compromís
  • Resposta en 24h
  • Proposta personalitzada
Última actualització: juliol del 2026

Parlem.

Consulta tècnica inicial

IA, seguretat i rendiment. Diagnòstic i proposta tancada per fases.

  • NDA disponible
  • Resposta <24h
  • Proposta per fases

La teva primera reunió és amb un Arquitecte de Solucions, no amb un comercial.

Sol·licitar diagnòstic