Flutter - Neues DartPad
Auf der Flutter Interact '19 wurde das neue DartPad vorgestellt. Wir zeigen dir, was es die neuen Funktionen sind und wie du sie am Besten nutzt.
Inhaltsverzeichnis
Das neue DartPad ist da und bietet einen gößeren Umfang an Beispielen und Möglichkeiten, wie du mit Dart entwickeln kannst. Wir zeigen dir in diesem Artikel die Neuerungen aus der Welt der Dart Entwicklung.
Hintergrund
Dart ist die Programmiersprache die für Flutter eingesetzt wird, diese kann aber genau so auch für andere Dinge eingesetzt werden. Auf der offiziellen Webseite bekommst du alle nötigen Informationen zur Sprache, Syntax und zu den Besonderheiten. Die offiziele Dokumentation zu dem Thema ist auch sehr umfangreich und auf jeden Fall einen Blick wert.
DartPad
Das DartPad ist eine Erweiterung der "Try Dart" Funktion auf der offiziellen Seite und gibt dir noch etwas mehr Möglichkeiten die Sprache und Pakete zu erforschen. Leider waren die Möglichkeiten bisheir sehr eingeschränkt, da nur das Testen der Sprache zur Verfügung stand.
Neulinge die gern die Möglichkeiten von Flutter erforschen wollten, hatten damit leider bisher ein Problem, denn diese Pakete waren nicht verfügbar und die grafische Ausgabe stark beschränkt.
Neue Funktionen
Das DartPad wurde mit der neuen Version noch einmal stark überarbeitet und bietet nun die Möglichkeit Apps auf Basis der Flutter Web Komponenten zu erstellen. Damit kannst du den Großteil der App Funktionen auch ohne aufwändige Installation der IDE testen.
Über das Menü kannst du nach dem Aufruf ein neues Mini-Projekt starten.
Dann kannst du zwischen einem Dart oder Flutter Projekt wählen.
Im Anschluss wird dir Beispielcode generiert und du kannst direkt mit der Arbeit beginnen. Wie du es auch aus deiner IDE gewohnt bist, funktioniert ebenso der Hot-Reload und alle Änderungen am Design und neue Widgets werden direkt geladen.
Beispiele
Im DartPad gibt es bereits einige Beispiele die du auswählen und dann später auch verändern kannst. Diese reichen von Dart, über HTML 5 bis hin zu Flutter (jeweils an den Icons erkennbar). Die Beispiele reichen von einfach bis komplex und zeigen dir was alles mit dem Online-Tool so möglich ist.
Wir haben dir ein Beispiel über Gist bereitgestellt, dass du dir auf DartPad anschauen kannst. In dem Beispiel zeigen wir eine kleine App bei der du über den Add-Button im Menü neue Items in die Liste einfügen kannst. Die Checkboxen können pro Eintrag aktiviert werden. Der Message Button hat keine Bedeutung, steht nur als Platzhalter für weitere Funktionen.
Fazit
Die Anpassungen am DartPad gefallen uns sehr gut und bieten auch Neulingen einen schnellen Einstieg in die Dart Entwicklung und einen guten Überblick, was mit dem Framework alles möglich ist. Probier doch einfach noch heute unser Beispiel oder ein eigenes aus.
