This is a test message to test the length of the message box.
Login
Flutter neues DartPad
Erstellt von Software-Heroes

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.

Werbung

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.


Enthaltene Themen:
FlutterDartpadneue VersionInteract '19
Kommentare (0)
Werbung

Flutter - Finance Overview (Framework)

Kategorie - Flutter

Bevor wir mit der eigentlichen Entwicklung der App beginnen, arbeiten wir zuerst an der zweiten Version des SwH-Frameworks, um eine Wiederverwendbare Grundlage zu schaffen.

30.06.2021

Flutter - Finance Overview (Daten)

Kategorie - Flutter

Heute geht es um das Datenmodell der App im ersten Preview, das Design der API und die Herausforderungen dabei.

16.06.2021

Flutter - Finance Overview (Projekt)

Kategorie - Flutter

Wir starten ein neues Projekt und nehmen dich mit durch die verschiedenen Stationen von der Planung, über die Entwicklung bis hin zum Release. In diesem Artikel die Erklärung was hinter dem Projekt steckt.

02.06.2021

Flutter - #FlutterEngage

Kategorie - Flutter

Das FlutterEngage Event ist zu Ende und es gab wieder viele hilfreiche und interessante Informationen für alle Flutter Entwickler unter uns. Wir wollen hier kurz die wichtigsten Punkte zusammenfassen.

05.03.2021

Flutter - Lernquellen

Kategorie - Flutter

In diesem Artikel wollen wir dir einige aktuelle Lernquellen vorstellen, die du als Inspiration und zur Weiterbildung nutzen kannst. Hier werden wir vor allem auf YouTube Kanäle eingehen und einige vorstellen.

29.01.2021