Sie haben eine Idee für eine mobile App, und im ersten Gespräch mit einem Entwickler kommt die Frage: „Nehmen wir Flutter oder React Native?“ Beide ermöglichen eine iOS- und eine Android-App aus einer einzigen Codebasis, und hinter beiden stehen große Unternehmen und lebendige Communitys. In diesem Artikel erkläre ich ohne unnötige Fachbegriffe, wie Sie diese Entscheidung als Unternehmerin, Unternehmer oder Gründer treffen können.
Die kurze Antwort
Für die meisten Business-Apps kann jede der beiden die richtige Wahl sein. Der Unterschied ergibt sich weniger aus der App selbst als aus Ihrem Team, Ihrer bestehenden Infrastruktur und Ihren langfristigen Plänen. Eine falsche Wahl zeigt sich selten als „langsamere App“, sondern meist als „Projekt, das schwer zu warten ist“.
Wie funktionieren die beiden?
Flutter ist ein von Google entwickeltes Framework, das die Sprache Dart verwendet. Es nutzt nicht die vorgefertigten Komponenten des Betriebssystems, sondern zeichnet die Oberfläche mit einer eigenen Rendering-Engine. Deshalb sieht ein Button auf iOS und Android pixelgenau gleich aus.
React Native ist ein von Meta entwickeltes Framework, das mit JavaScript oder TypeScript geschrieben wird. Ihre Komponenten werden auf echte native Komponenten der Plattform abgebildet. Die neue Architektur, in aktuellen Versionen Standard, hat die Kommunikation zwischen JavaScript und nativem Code spürbar beschleunigt.
Performance
Im Netz finden Sie viele Benchmarks, die beide vergleichen. Die Ergebnisse hängen jedoch stark von Szenario, Gerät und Version ab, und in diesem Bereich ändert sich vieles schnell. Verlassen Sie sich daher nicht auf eine einzelne Zahl. In der Praxis sehe ich Folgendes:
- In einer typischen Business-App mit Listen, Formularen, Zahlungen, Karten und Benachrichtigungen bemerken Nutzer keinen Unterschied.
- Bei aufwendigen Animationen, eigenen Zeichnungen oder spielähnlichen Bildschirmen hat Flutters eigene Rendering-Engine oft einen Vorteil.
- Echte Performance-Probleme entstehen meist nicht durch das Framework, sondern durch unnötiges Neuzeichnen, zu große Bilder und schlecht durchdachte Datenflüsse.
Oberfläche und Design
Wenn Sie ein markenspezifisches Design wünschen, das auf jeder Plattform exakt gleich aussieht, liefert Flutter das ganz natürlich. Einen Bildschirm genau so umzusetzen, wie Ihr Designer ihn in Figma entworfen hat, ist meist weniger Aufwand.
Soll sich die App dagegen auf jeder Plattform „heimisch“ anfühlen, hilft der Einsatz nativer Komponenten in React Native. iOS-Nutzer erleben das gewohnte iOS-Verhalten, Android-Nutzer das gewohnte Android-Verhalten. Natürlich ist beides mit beiden Frameworks möglich; der Unterschied liegt darin, was weniger Aufwand verursacht.
Team und Kompetenzen
Das ist oft der entscheidende Punkt. Gibt es in Ihrem Unternehmen oder Ihrer Agentur bereits Entwickler, die React und TypeScript aus dem Web kennen, ist der Einstieg in React Native deutlich leichter. Dieselben Personen können dann am Web-Dashboard und an der mobilen App arbeiten.
Dart ist weniger verbreitet, aber leicht zu lernen, und das Flutter-Ökosystem baut fast vollständig darauf auf. Wenn Sie das Projekt später an ein anderes Team übergeben möchten, prüfen Sie, mit welcher Technologie Sie in Ihrem Markt leichter Entwickler finden.
Ökosystem und Pakete
Für gängige Anforderungen wie Zahlungen, Karten, Kamera, Push-Benachrichtigungen und Analytics gibt es auf beiden Seiten ausgereifte Pakete. Flutter-Pakete kommen über pub.dev, React-Native-Pakete über npm.
In der React-Native-Welt ist Expo inzwischen der in der offiziellen Dokumentation empfohlene Einstieg. Es vereinfacht Builds, Updates und die Veröffentlichung in den Stores erheblich. Flutter bietet mit seiner offiziellen Dokumentation und Werkzeugen aus einer Hand ein stimmiges Gesamtpaket.
Ein Hinweis: Ein beliebtes Paket ist nicht automatisch ein gepflegtes. Vor der Auswahl lohnt sich auf beiden Seiten ein Blick auf das Datum des letzten Releases und auf offene Issues.
Kosten und Zeit
Beide Frameworks sparen in der Regel Zeit und Geld gegenüber getrennten iOS- und Android-Apps, weil ein Großteil der Geschäftslogik und der Oberfläche geteilt wird. Der Kostenunterschied zwischen ihnen hängt weniger vom Framework ab als von diesen Fragen:
- Welche Technologie kennt das Team bereits?
- Wie viel Code wird mit der Webseite geteilt?
- Wie viel individuelles Design und wie viele Animationen enthält die App?
- Wie viel gerätespezifischer nativer Code (Bluetooth, Sensoren, Hintergrundprozesse) wird benötigt?
Je mehr nativer Code nötig ist, desto mehr separate Arbeit fällt für iOS und Android an, unabhängig vom Framework. Das sollte in die Schätzung einfließen.
Wartung und Langfristigkeit
Mit dem Launch ist die Arbeit nicht vorbei. Apple und Google bringen jedes Jahr neue Betriebssystemversionen und Store-Richtlinien heraus, und auch die Frameworks werden regelmäßig aktualisiert. Wer Updates aufschiebt, steht nach einigen Jahren oft vor einem großen, teuren Upgrade.
Bei Flutter liegen die meisten Abhängigkeiten in einem Ökosystem, daher sind Upgrades relativ gut planbar. Bei React Native erleichtert Expo Versionssprünge spürbar. In beiden Fällen gilt: Planen Sie die App von Anfang an zusammen mit einer regelmäßigen Wartung.
Wann Flutter?
- Sie wünschen eine markenspezifische Oberfläche, die überall gleich aussieht.
- Die App enthält viele Animationen, Diagramme oder eigene Zeichnungen.
- Sie starten bei null und haben kein bestehendes JavaScript-Team.
- Sie möchten mit derselben Codebasis auch Desktop oder eingebettete Displays bedienen.
Wann React Native?
- Ihr Team beherrscht React und TypeScript.
- Sie möchten Geschäftslogik, Typen oder Validierungscode mit Ihrer Web-App teilen.
- Die App soll auf jeder Plattform native Komponenten und gewohntes Verhalten nutzen.
- Sie möchten einer bestehenden nativen App (Swift/Kotlin) schrittweise neue Bildschirme hinzufügen.
Kurze Entscheidungs-Checkliste
- Team: Wer entwickelt die App, wer wartet sie? Welche Technologie kennen diese Personen?
- Design: Ist ein identisches Erscheinungsbild wichtiger oder ein plattformtypisches Gefühl?
- Web: Haben Sie ein Web-Dashboard oder eine Website, mit der Sie Code teilen möchten?
- Gerätefunktionen: Brauchen Sie Bluetooth, Standort im Hintergrund oder spezielle Hardware? Sind die nötigen Pakete auf beiden Seiten aktuell?
- Wartung: Haben Sie einen Plan, die App mindestens zwei bis drei Jahre aktuell zu halten?
Ihre Antworten auf diese Fragen sagen weit mehr aus als jede Debatte darüber, welches Framework „besser“ ist.
Fazit
Zwischen Flutter und React Native gibt es keinen allgemeingültigen Sieger, sondern nur die Wahl, die zu Ihrem Projekt, Ihrem Team und Ihren Zielen passt. Ich entwickle Web- und Mobile-Apps und kläre diese Entscheidung gern gemeinsam mit Ihnen. Wenn Sie mir von Ihrer App-Idee erzählen möchten, nehmen Sie Kontakt auf – dann finden wir heraus, welcher Weg Ihnen geringere Kosten und eine einfachere Wartung bringt.
