dart Tutorial
Erste Schritte mit Dart

Bemerkungen

Versionen

Installation oder Setup

Das Dart-SDK enthält alles, was Sie zum Schreiben und Ausführen von Dart-Code benötigen: VM, Bibliotheken, Analyzer, Paketmanager, Dokumentgenerator, Formatierer, Debugger und mehr. Wenn Sie Webentwicklung betreiben, benötigen Sie auch Dartium.

Automatisierte Installation und Updates

• Dart unter Windows installieren
• Dart auf dem Mac installieren
• Dart unter Linux installieren

Manuelle Installation

Sie können auch jede Version des SDK manuell installieren .

Hallo Welt!

Erstellen Sie eine neue Datei mit dem Namen hello_world.dart mit folgendem Inhalt:

void main() {
  print('Hello, World!');
}

Navigieren Sie im Terminal zu dem Verzeichnis, in dem sich die Datei hello_world.dart und geben Sie Folgendes ein:

dart hello_world.dart

Drücken Sie die Eingabetaste , um Hello, World! anzuzeigen. im Terminalfenster.

HTTP-Request

Html

<img id="cats"></img>

Pfeil

import 'dart:html';

/// Stores the image in [blob] in the [ImageElement] of the given [selector].
void setImage(selector, blob) {
  FileReader reader = new FileReader();
  reader.onLoad.listen((fe) { 
    ImageElement image = document.querySelector(selector);
    image.src = reader.result;
  });
  reader.readAsDataUrl(blob);  
}

main() async {
  var url = "https://upload.wikimedia.org/wikipedia/commons/2/28/Tortoiseshell_she-cat.JPG";

  // Initiates a request and asynchronously waits for the result.
  var request = await HttpRequest.request(url, responseType: 'blob');
  var blob = request.response;
  setImage("#cats", blob);
}

Beispiel

siehe Beispiel auf https://dartpad.dartlang.org/a0e092983f63a40b0b716989cac6969a

Getter und Setter

void main() {
  var cat = new Cat();
  
  print("Is cat hungry? ${cat.isHungry}");  // Is cat hungry? true
  print("Is cat cuddly? ${cat.isCuddly}");  // Is cat cuddly? false
  print("Feed cat.");
  cat.isHungry = false;                     
  print("Is cat hungry? ${cat.isHungry}");  // Is cat hungry? false
  print("Is cat cuddly? ${cat.isCuddly}");  // Is cat cuddly? true
}

class Cat {
  bool _isHungry = true;
  
  bool get isCuddly => !_isHungry;
  
  bool get isHungry => _isHungry;
  bool set isHungry(bool hungry) => this._isHungry = hungry;
}

Dart- Klassen-Getter und -Setter ermöglichen APIs, Änderungen des Objektzustands zu kapseln.

Das Dartpad- Beispiel finden Sie hier: https://dartpad.dartlang.org/c25af60ca18a192b84af6990f3313233