Flutter - Tutorial 001. Hallo Welt

Hello World, Flutter, Android

Flutter ist ein neues Framework von Google zur Entwicklung von Apps für Android und iOS. Als Programmiersprache wird Dart (ebenfalls von Google entwickelt) verwendet.

Werfen wir einen Blick auf die Ausführung unserer ersten Flutter-App.

Um unsere erste Anwendung zu erstellen, die auf Android läuft, müssen wir alle notwendigen Komponenten installieren. Diese Komponenten werden unter Ubuntu Linux installiert.

Flutter herunterladen

Die offizielle Dokumentation schlägt vor, zuerst Flutter selbst herunterzuladen und dann zu entpacken.

cd ~/development
tar xf ~/Downloads/flutter_linux_v1.0.0-stable.tar.xz

Voraussetzungen prüfen.

Außerdem schlagen sie vor, das Flutter-Dienstprogramm auf dem Weg hinzuzufügen, damit Sie mit der Diagnose des Vorhandenseins aller erforderlichen Komponenten im System beginnen können.

export PATH=$PATH:`pwd`/flutter/bin

Dann wird das Hilfsprogramm Flatter Doctor gestartet, das anzeigt, ob alle Komponenten im System vorhanden sind.

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

Geben Sie die Pfade zum Flutter-SDK an

Zunächst schlagen sie vor, die Pfade zum Flutter SDK anzugeben. Dazu benötigen Sie:

1. Suchen Sie das Verzeichnis, in dem das Flattern platziert wurde. Wenn Sie den Anweisungen gefolgt sind, sollte der Pfad so aussehen.

   /home/user/development/flutter/bin

2. Öffnen oder erstellen Sie die Datei

   $HOME/.bash_profile

3. Fügen Sie dieser Datei den Pfad zum Flatter-SDK hinzu

   export PATH=$PATH:/home/user/development/flutter/bin

4. Aktualisieren Sie die Bash-Umgebung

   source $HOME/.bash_profile

5. Sie können überprüfen, ob der Pfad hinzugefügt wurde.

   echo $PATH

Installieren Sie Android Studio

Da dies eine Einrichtungsanleitung für Linux ist, können Sie die Installation von Android Studio über Systempakete snap verwenden. Es ist wirklich einfacher.

sudo snap install android-studio --classic

Ich überspringe die Standardeinstellungen von Android Studio, wie z. B. das Festlegen des Farbschemas. Denn der wichtigste Punkt ist die Installation von Plugins für die Arbeit mit Dart und Flutter.

Android Studio-Einstellungen

Diese Einstellungen finden Sie unter Datei -> Einstellungen

Dart-Plugin

Flutter-Plugin

Annahme von Lizenzen

Sie müssen Flutterfaktor --android-licenses erneut ausführen, um alle Lizenzen abzuschließen.

Starten Sie ein neues Flutter-Projekt

Anschließend können Sie ein Flutter-Projekt erstellen Ein neues Flutter-Projekt starten

Flutter-App auswählen

Flutter-SDK angeben

Bitte geben Sie Ihre Firmendomain ein

Danach wird das Flutter-Projekt erstellt.

Achten Sie auf die Projektstruktur. Externe Bibliotheken müssen über alle erforderlichen Komponenten verfügen:

1. Dartpakete
2. Darth-SDK
3. Flattern für Android

Wenn eines der Elemente nicht verfügbar ist, müssen Sie entweder Flutter neu installieren oder die Pfade in den IDE-Einstellungen richtig einstellen.

Dart-Einstellungen

Flattereinstellungen

Anschließen eines Android-Smartphones

Verbinden Sie als Nächstes Ihr Smartphone mit dem Android-Computer, um den letzten Schritt für die erforderlichen Komponenten abzuschließen. Sie können natürlich einen Emulator verwenden, aber ich persönlich bevorzuge ein Live-Gerät. Immerhin sollte in diesem Fall ein Android-Smartphone zur Hand sein.

Und überprüfen Sie, ob alles in Ordnung ist, durch den Flatterarzt.

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.0.0, on Linux, locale C.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[✓] Android Studio (version 3.2)
[✓] Connected device (1 available)

• No issues found!

Fazit

Nachdem Sie die apk auf Ihrem Smartphone erstellt und installiert haben, sehen Sie diese Anwendung.