Die Entwicklung mit Flutter gewinnt an Beliebtheit als kräftiger Weg, herausragende mobile Anwendungen zu bauen. Dieser ausführliche Leitfaden führt Sie durch alle Feinheiten von Flutter: was es kann und wie sich damit Anwendungen hoher Güte bauen lassen. Wir haben uns um eine verständliche, freundliche Sprache bemüht, damit der Text Anfängern wie erfahrenen Entwickelnden nützt.
Was ist Flutter?
Flutter ist ein quelloffener Satz von Entwicklungswerkzeugen (SDK), von Google für Anwendungen auf verschiedenen Plattformen geschaffen: Android, iOS und Web. Der Code wird einmal geschrieben, und so lassen sich Anwendungen für mehrere Plattformen zugleich herausbringen, ohne die Kräfte zu zersplittern. Flutter nutzt die Sprache Dart — wer Java oder JavaScript kennt, findet sich leicht in sie hinein.
Warum Flutter wählen?
Flutter hat gegenüber anderen Plattformen der mobilen Entwicklung mehrere Vorzüge:
- zügige Arbeit dank „heißem“ Neuladen;
- ein einziger Code für plattformübergreifende Anwendungen;
- eine umfangreiche Sammlung von Oberflächenbausteinen;
- kräftige Unterstützung durch die Gemeinschaft.
Wir richten die Entwicklungsumgebung ein
Bevor Sie sich Flutter zuwenden, ist es wichtig, die Arbeitsumgebung richtig einzurichten. Dieser Abschnitt zeigt die nötigen Schritte, um Flutter und alles, wovon es abhängt, zu installieren und einzustellen.
Das Flutter SDK installieren
Laden Sie zunächst das Flutter SDK von der offiziellen Seite herunter. Wählen Sie die Fassung für Ihr Betriebssystem (Windows, macOS oder Linux) und folgen Sie den Hinweisen zur Installation.
Die Entwicklungsumgebung einstellen
Flutter arbeitet mit verschiedenen Entwicklungsumgebungen (IDEs): Android Studio, Visual Studio Code, IntelliJ IDEA. Laden Sie die Ihnen liebste herunter, installieren Sie sie und fügen Sie unbedingt die Erweiterungen für Flutter und Dart hinzu.
Ein neues Projekt anlegen
Ist die Umgebung bereit, legen Sie ein neues Flutter-Projekt an, indem Sie den Hinweisen folgen. So entsteht das Gerüst einer Anwendung mit den nötigen Dateien und Ordnern.
Grundlagen von Flutter
Die Umgebung steht — nun gilt es, den Aufbau der Entwicklung mit Flutter zu verstehen.
Die Sprache Dart
Dart ist eine objektorientierte Sprache mit strenger Typisierung, eigens für schnelle Anwendungen gemacht, die leicht wachsen. Wer Java oder JavaScript kennt, kommt mit Dart mühelos zurecht.
Widgets
In Flutter ist alles ein Widget. Widgets sind die Bausteine der Oberfläche; aus ihnen setzt man Teile zusammen, die sich wiederverwenden und anpassen lassen. Es gibt zwei Arten: ohne Zustand und mit Zustand.
Anordnung
Flutter nutzt ein biegsames System der Anordnung, damit sich die Oberfläche dem Bildschirm anpasst. Es gibt verschiedene Widgets dafür — Zeilen, Spalten, Gitter und Listen —, mit denen sich das passende Aussehen für die eigene Anwendung leicht bauen lässt.
Wir bauen eine einfache Anwendung
Dieser Abschnitt zeigt die Schritte zum Bau einer einfachen Flutter-Anwendung: vom Anlegen des Projekts über die Gestaltung der Oberfläche bis zur Arbeit der Funktionen selbst.
Das Gerüst der Anwendung
Beginnen Sie mit einem neuen Flutter-Projekt und passen Sie sein Gerüst Ihrem Vorhaben an. Löschen Sie den selbsttätig erzeugten Code und schreiben Sie eigenen.
Die Oberfläche gestalten
Nutzen Sie den Katalog der Flutter-Widgets und setzen Sie die Oberfläche aus verschiedenen Bausteinen zusammen. Probieren Sie verschiedene Anordnungen, Stile und Bewegungen aus — so wird die Anwendung ansehnlich.
Funktionen hinzufügen
Beschreiben Sie, wie die Anwendung auf Handlungen der Menschen antwortet: auf Tastendruck und Texteingabe. Schreiben Sie den nötigen Dart-Code, um diese Handlungen zu behandeln und den Zustand rechtzeitig zu ändern.
Prüfen und Fehler suchen
Nutzen Sie das „heiße“ Neuladen, um die Anwendung im Fluge zu prüfen. Finden und beheben Sie Fehler und Verzögerungen — so läuft alles gleichmäßig.
Anspruchsvollere Themen
Wenn Ihnen die Grundlagen vertraut sind, wenden Sie sich feineren Dingen zu: Sie heben Ihr Niveau und erlauben anspruchsvollere Anwendungen.
Umgang mit dem Zustand
Bei anspruchsvollen Anwendungen spielt der Umgang mit dem Zustand eine Schlüsselrolle. Sehen Sie sich verschiedene Wege an — Provider, Bloc, Redux — und wählen Sie den, der den Zustand hält, ohne die Geschwindigkeit zu belasten.
Wechsel zwischen Bildschirmen
Verstehen Sie, wie Wechsel und Wege in einer Flutter-Anwendung aufgebaut sind: Davon hängt ab, wie geschmeidig sich Menschen zwischen Bildschirmen und Zuständen bewegen.
Bewegung
Beleben Sie die Anwendung durch Bewegung und sanfte Übergänge. Flutter hat eine verlässliche Sammlung dafür, mit der sich weiche, ausdrucksvolle Wirkungen leicht erzielen lassen.
Eigene Widgets
Erweitern Sie die Möglichkeiten Ihrer Anwendung durch eigene Widgets für Ihre Aufgaben. Lernen Sie, sie aus vorhandenen zusammenzusetzen oder von Grund auf zu bauen.
Gute Gewohnheiten
Gute Gewohnheiten in der Entwicklung mit Flutter verbessern sowohl die Güte des Codes als auch den Eindruck von der Anwendung.
Ordnung im Code
Halten Sie Ordnung: Verteilen Sie Oberflächenbausteine, Geschäftslogik und Datenmodelle auf verschiedene Dateien und Ordner. So lässt sich der Code leichter lesen und pflegen.
Geschwindigkeit
Beschleunigen Sie die Anwendung: Zeichnen Sie Widgets nicht ohne Not neu, laden Sie große Datenmengen nach Bedarf nach, halten Sie Bilder und Daten im Zwischenspeicher.
Tests und fortlaufende Zusammenführung
Schreiben Sie Einzel-, Widget- und Zusammenspieltests — so bleibt das Verhalten der Anwendung vorhersehbar. Richten Sie Werkzeuge zur fortlaufenden Zusammenführung ein, damit Prüfung und Veröffentlichung von selbst ablaufen.
Fazit
Die Entwicklung mit Flutter ist ein starkes Bündel von Fertigkeiten für gute, plattformübergreifende Anwendungen. Wer die Grundlagen beherrscht und in feinere Themen hineinschaut, kann die Möglichkeiten von Flutter voll ausschöpfen. Halten Sie an guten Gewohnheiten fest und verfolgen Sie neue Werkzeuge und Verfahren — die Welt der Anwendungsentwicklung ändert sich schnell.