Was ist Flutter?

Flutter ist ein Open-Source-Framework, entwickelt und unterstützt von Google. Frontend- und Full-Stack-Entwickler benutzen Flutter zum Entwickeln der Benutzeroberfläche (UI) einer Anwendung für verschiedene Plattformen auf Basis eines einzigen Codes.

Seit Flutter 2018 gelauncht wurde, hat es hauptsächlich die Entwicklung mobiler Anwendungen unterstützt. Jetzt unterstützt es die Entwicklung von Anwendungen auf sechs Plattformen: iOS, Android, Web, Windows, MacOS und Linux.

Wie hilft Flutter bei der App-Entwicklung?

Flutter vereinfacht den Prozess der Erstellung konsistenter, ansprechender Benutzeroberflächen für eine Anwendung auf den sechs unterstützten Plattformen.

Da Flutter ein plattformübergreifendes Entwicklungs-Framework ist, vergleichen wir es zunächst mit der nativen Entwicklung. Dann können wir Funktionen hervorheben, die einzigartig für Flutter sind.

Native App-Entwicklung im Vergleich zur plattformübergreifenden App-Entwicklung

Das Programmieren einer Anwendung für eine bestimmte Plattform wie iOS wird als native App-Entwicklung bezeichnet. Im Gegensatz dazu erstellt die plattformübergreifende App-Entwicklung eine Anwendung für mehrere Plattformen mit einer einzigen Codebasis.

Native App-Entwicklung

Da Entwickler bei der nativen App-Entwicklung für eine bestimmte Plattform programmieren, haben sie vollen Zugriff auf native Gerätefunktionen. Dies führt im Allgemeinen zu einer höheren Leistung und Geschwindigkeit im Vergleich zur plattformübergreifenden App-Entwicklung.

Wenn Sie andererseits eine Anwendung auf mehreren Plattformen launchen möchten, erfordert die native App-Entwicklung mehr Code und mehr Entwickler. Zusätzlich zu diesen Kosten kann die native App-Entwicklung den gleichzeitigen Launch auf verschiedenen Plattformen mit einem konsistenten Benutzererlebnis erschweren. Hierbei können plattformübergreifende App-Entwicklungs-Frameworks wie Flutter nützlich sein.

Plattformübergreifende App-Entwicklung

Die plattformübergreifende App-Entwicklung ermöglicht es Entwicklern, eine Programmiersprache und eine Codebasis zu verwenden, um eine Anwendung für mehrere Plattformen zu erstellen. Wenn Sie eine Anwendung für mehrere Plattformen veröffentlichen, ist die plattformübergreifende App-Entwicklung weniger kostspielig und zeitaufwändig als die native App-Entwicklung.

Dieser Prozess ermöglicht es Entwicklern auch, ein konsistenteres Erlebnis für Benutzer auf allen Plattformen zu schaffen.

Dieser Ansatz kann im Vergleich zur nativen App-Entwicklung Nachteile haben, einschließlich eingeschränktem Zugriff auf native Gerätefunktionen. Flutter verfügt jedoch über Funktionen, die die plattformübergreifende App-Entwicklung reibungsloser und hochleistungsfähig machen.

Die Vorteile von Flutter

Hier sind einige Möglichkeiten, wie sich Flutter als plattformübergreifendes Entwicklungs-Framework auszeichnet:

  • Nahezu native Leistung. Flutter verwendet die Programmiersprache Dart und kompiliert in Maschinencode. Host-Geräte verstehen diesen Code, was eine schnelle und effektive Leistung gewährleistet.
  • Schnelles, konsistentes und anpassbares Rendering. Anstatt sich auf plattformspezifische Rendering-Tools zu verlassen, verwendet Flutter die Open-Source-Skia-Grafikbibliothek von Google, um die Benutzeroberfläche zu rendern. Dies bietet Benutzern konsistente visuelle Darstellungen, unabhängig davon, welche Plattform sie für den Zugriff auf eine Anwendung verwenden. 
  • Entwicklerfreundliche Tools. Google hat Flutter mit Schwerpunkt auf Benutzerfreundlichkeit entwickelt. Mit Tools wie Hot Reload können Entwickler eine Vorschau anzeigen, wie Codeänderungen aussehen werden, ohne den Status zu verlieren. Andere Tools wie der Widget Inspector erleichtern die Visualisierung und Lösung von Problemen mit UI-Layouts.

Welche Programmiersprache verwendet Flutter?

Flutter verwendet die Open-Source-Programmiersprache Dart, die ebenfalls von Google entwickelt wurde. Dart ist für die Erstellung von Benutzeroberflächen optimiert, und viele der Stärken von Dart werden in Flutter genutzt.

Zum Beispiel ist eine Funktion von Dart, die in Flutter verwendet wird, die solide Null-Sicherheit. Die solide Null-Sicherheit von Dart macht es einfacher, häufige Fehler, die als Null-Fehler bezeichnet werden, zu erkennen. Diese Funktion reduziert die Zeit, die Entwickler für die Codewartung aufwenden, und gibt ihnen mehr Zeit, sich auf das Entwickeln ihrer Anwendungen zu konzentrieren.

Was sind Widgets in Flutter?

In Flutter erstellen Entwickler UI-Layouts mithilfe von Widgets. Das bedeutet, dass alles, was ein Benutzer auf einem Bildschirm sieht, von Fenstern und Bedienfeldern bis hin zu Schaltflächen und Text, aus Widgets besteht.

Flutter-Widgets sind so konzipiert, dass Entwickler sie einfach anpassen können. Flutter erreicht dies durch einen Kompositionsansatz. Das bedeutet, dass die meisten Widgets aus kleineren Widgets bestehen und die einfachsten Widgets bestimmte Zwecke haben. Dadurch können Entwickler Widgets kombinieren oder bearbeiten, um neue zu erstellen.

Flutter rendert Widgets mit seiner eigenen Grafik-Engine, anstatt sich auf die integrierten Widgets einer Plattform zu verlassen. Auf diese Weise erleben Benutzer plattformübergreifend ein ähnliches Erscheinungsbild in einer Flutter-Anwendung. Dieser Ansatz bietet Entwicklern auch Flexibilität, da einige Flutter-Widgets Funktionen ausführen können, die plattformspezifische Widgets nicht können.

Flutter macht es auch einfach, von der Community entwickelte Widgets zu verwenden. Die Architektur von Flutter unterstützt mehrere Widget-Bibliotheken, und Flutter ermutigt die Community, neue zu erstellen und zu pflegen.

Arten von Flutter-Widgets

Flutter wird ab dem Zeitpunkt des Downloads mit einem umfangreichen Widget-Katalog geliefert. Der Katalog hat 14 Kategorien, darunter Styling, Cupertino (Widgets im iOS-Stil) und Materialkomponenten (Widgets, die den Material-Design-Richtlinien von Google folgen).

Flutter enthält auch Layouts und Themen, die Entwicklern helfen, sofort mit dem Entwickeln zu beginnen.

Wie wird Flutter unterstützt?

Flutter wird von Google und einer aktiven Open-Source-Community auf Reddit, Discord, Slack, Stack Overflow und Gitter unterstützt. Google hat Flutter seit seiner Veröffentlichung im Jahr 2018 konsequent aktualisiert, unter anderem mit einem Flutter-3-Update im Jahr 2022, das die stabile Unterstützung für macOS und Linux erweiterte.

Um das Erlernen von Flutter zu erleichtern, hat Google umfangreiche Dokumentationen und Tutorials auf Flutters Website geschrieben. Um mit Flutter-Benutzern in Kontakt zu treten, veranstaltet Google auch globale Veranstaltungen, fördert Community-Projekte und sponsert Entwickler-Challenges. Anstehende Veranstaltungen finden Sie auf Flutters Website.

Die Flutter-Community hat Tausende von Paketen von Drittanbietern und hervorragende Tools erstellt, die das Entwicklererlebnis optimieren. Diese Bibliotheken sind unter pub.dev verfügbar.

Wie unterstützt AWS Flutter?

Flutter hilft Ihnen beim Erstellen der Teile einer Anwendung, die Benutzer sehen. Die Anwendungsentwicklung erfordert jedoch viele Funktionen, die Benutzer nicht sehen, wie Authentifizierung, Dateispeicherung und Analytik. Hier kommen AWS Amplify und Amplify Flutter ins Spiel.

AWS Amplify ist ein Framework zum Erstellen sicherer, skalierbarer Mobil- und Webanwendungen. Mit Unterstützung für iOS, Android, Web, React Native und Flutter können Sie mit AWS Amplify schnell und einfach Anwendungen erstellen, die von AWS unterstützt werden.

Amplify Flutter ist eine Reihe von Tools und Bibliotheken, mit denen Sie Backends für Flutter-Anwendungen provisionieren, entwickeln und bereitstellen können. Sie können Amplify Flutter verwenden, um Ihre Flutter-Anwendungen mit AWS zu verbinden und allgemeine Backend-Anforderungen zu lösen.

Verwenden Sie Amplify Flutter als Ihre Backend-Lösung

Mit Amplify Flutter können Sie mit AWS zusammenarbeiten, um Ihrer Flutter-Anwendung allgemeine Backend-Funktionen hinzuzufügen:

  • Analytik. Mit Amplify Flutter können Sie Nachverfolgungsdaten für Benutzer in Amazon Pinpoint sammeln. Sie können Ereignisse einfach aufzeichnen und Metriken und Attribute an Ihre Bedürfnisse anpassen.
  • APIs. Amplify Flutter verfügt über robuste API-Funktionen. Die GraphQL-API hilft Ihnen beim Abrufen von Daten in Ihrem Backend und wird von AWS AppSync unterstützt. REST-APIs und -Handler verwenden Amazon API Gateway und AWS Lambda, um Ihnen dabei zu helfen, Anforderungen an Ihr Backend zu stellen.
  • Authentifizierung. Mit Amplify Flutter können Sie Benutzer authentifizieren und Registrierungs- und Anmeldeformulare sowie Multi-Faktor-Authentifizierung implementieren. Hinter den Kulissen stellt es den anderen Amplify-Kategorien die notwendige Autorisierung zur Verfügung. Amplify Flutter unterstützt Cognito User Pool und Identity Pool ab dem Zeitpunkt, an dem Sie damit beginnen.
  • Datenspeicher. Mit Amplify Flutter können Sie verteilte, gemeinsam genutzte Daten verwenden, ohne zusätzlichen Code für Offline- und Online-Szenarien schreiben zu müssen. Dadurch wird das Arbeiten mit verteilten, benutzerübergreifenden Daten genauso einfach wie das ausschließliche Arbeiten mit lokalen Daten. Amplify DataStore versioniert Daten automatisch und verwendet AppSync, um Konflikterkennung und -lösung in der Cloud zu implementieren.
  • Speicher. Mit Amplify Flutter können Sie Objekte im Speicher hochladen, herunterladen und löschen. Und Amplify Flutter bietet integrierte Unterstützung für Amazon Simple Storage Service (Amazon S3).

Erfahren Sie mehr über Amplify Flutter.

Nächste Schritte für Flutter mit AWS

Zusätzliche produktbezogene Ressourcen ansehen
Weitere Informationen zu Developer Tools 
Registrieren Sie sich für ein kostenloses Konto

Sie erhalten sofort Zugriff auf das kostenlose Kontingent von AWS. 

Registrieren 
Beginnen Sie mit der Entwicklung in der Konsole

Beginnen Sie mit der Entwicklung mit AWS in der AWS-Managementkonsole.

Anmeldung