Flutter

Flutter ist ein Open-Source UI-Framework von Google für die Entwicklung plattformübergreifender Anwendungen. Mit einer einzigen Dart-Codebase können native Apps für iOS, Android, Web, Windows, macOS und Linux erstellt werden. Im Gegensatz zu React Native, das native UI-Komponenten nutzt, rendert Flutter alles selbst mit der Skia-Grafikengine - für pixelgenaue Kontrolle über das Design.

Der größte Vorteil von Flutter ist die konsistente UI über alle Plattformen. Ein Button sieht auf iOS und Android identisch aus (wenn gewünscht). Das Widget-System ist extrem flexibel - von Material Design über Cupertino (iOS-Style) bis zu vollständig custom Designs. Hot Reload ermöglicht Änderungen in Echtzeit ohne App-Neustart. Die Dart-Sprache ist leicht erlernbar für JavaScript- oder Java-Entwickler.

Flutter wird von Google (Google Ads, Stadia), BMW, Alibaba und eBay eingesetzt. Die Performance ist exzellent - oft besser als React Native, da kein JavaScript-Bridge benötigt wird. Nachteile: größere App-Größe (~5MB mehr), kleinere Community als React Native, weniger Third-Party-Packages. Für visuell anspruchsvolle Apps mit Custom-UI ist Flutter die beste Wahl.

Flutters Rendering-Unterbau hat sich weiterentwickelt: Die ältere Skia-Engine wird zunehmend durch Impeller ersetzt, das Shader zur Build-Zeit vorkompiliert und damit das bei Skia berüchtigte Ruckeln beim ersten Anzeigen einer Animation (Shader Compilation Jank) beseitigt - auf iOS ist Impeller seit Flutter 3.10 Standard, auf Android folgt es schrittweise. Programmiert wird in Dart, das für Release-Builds Ahead-of-Time in nativen Maschinencode kompiliert (daher die gute Performance), während im Debug-Modus eine Just-in-Time-Kompilierung den namensgebenden Hot Reload ermöglicht. Die Oberfläche ist vollständig deklarativ als Baum aus Widgets aufgebaut - selbst Padding und Zentrierung sind Widgets.

Wie in React stellt sich die Frage des State-Managements; verbreitet sind Provider, das modernere Riverpod und für komplexe Apps das BLoC-Pattern. Bei der Plattformwahl gilt: Flutter für Web erzeugt kein klassisches, indexierbares HTML, sondern rendert auf ein Canvas - für SEO-relevante öffentliche Websites ist es daher ungeeignet, seine Stärke liegt klar bei mobilen und Desktop-Apps. Gegenüber React Native ist der wichtigste Unterschied das Rendering: Flutter zeichnet jedes Pixel selbst und liefert dadurch plattformübergreifend identische, pixelgenaue UIs, während React Native echte native Komponenten des Betriebssystems nutzt und sich damit automatisch nativer anfühlt. Für ein Team mit vorhandener React- und JavaScript-Kompetenz - wie bei unserer Klartext-App im Nexus-Ökosystem - ist React Native oft der pragmatischere Weg, für pixelgenaue Marken-UIs aus einer Hand spielt Flutter seine Stärken aus.