Flutter 2021 - erste Schritte mit Android Studio

Erste Schritte
 Im letzten Post hast Du gesehen, wie einfach es ist ein Flutter Projekt in Android Studio anzulegen. Das Projekt selbst ist sogenannter Boiler Code.

Neben der Ordner Struktur, gibt Dir dieser Boiler Code ein kleines Programm an die Hand und ermöglicht so erste Schritte.

Dieses kleine Programm ist schon selbständig ausführbar und enthält bereits wichtige Merkmale von Flutter.
Ein Programm in Android Studio ausführen, heisst es im Android Emulator laufen zu lassen. Immer vorausgesetzt Android Studio meldet Dir keine Fehler im Code. Da der Boiler Code ja von Android Studio vorgegeben wurde, ist er erwartungsgemäß auch fehlerfrei. Falls Du das Flutter Projekt vom letzten Post noch nicht offen hast, dann wäre es jetzt Zeit dafür.

Boiler Code

Dein Bildschirm sollte eigentlich so aussehen:

ein Teil des Boiler Codes

Dabei ist das Bild oben nur ein Ausschnitt des gesamten Codes. Bevor Du diesen Code nun ausführen kannst, musst Du ein AVD, ein Android Virtual Device, starten. In Android Studio kannst Du verschiedene AVD's einrichten. Unter Tools/AVD Manager ruft man diesen auf:

AVD Auswahlschirm

Im Bild oben befindet sich unten links der Button (Create Virtual Device) um ein neues AVD zu erstellen. Die bereits installierten Emulatoren siehst Du aufgelistet. Mit einem Klick auf das grüne Dreieck, wird ein ausgewähltes AVD gestartet. 

Du kannst mit Flutter bekanntlich ja Apps für das Mobilephone entwickeln. Aber der Markt für Mobilephones ist gross. Obwohl die Betriebssysteme Android und iOS dominieren, unterscheiden sich die einzelnen Geräte zum Teil deutlich. Das betrifft vor allem die Bildschirmgrösse, die verwendete Betriebssystem Version etc.
Sollte also Dein gewünschtes Phone nicht in der Liste erscheinen, klickst Du den Button Create Virtual Device und gelangst zum folgenden Schirm:


Falls man das gewünschte Mobile in der Liste findet, wählt man es an und klickt auf Next. Aber Achtung: Es ist durchaus möglich, das ein spezifisches Model nicht in der Liste auftaucht. In Android Studio kann man zusätzliche Modelle auch importieren, aber darauf einzugehen würde den Rahmen dieses Posts sprengen.
Es folgen hier noch weitere Schritte, um das Einrichten eines AVD's abzuschließen. Diese sind selbsterklärend, können aber eventuell zusätzliche Downloads benötigen.

Aber halt, Android Studio macht es Dir einfach. Im Normalfall sind schon AVD's vorinstalliert. Du findest Sie hier:

AVD Auswahl in der Toolbar

Bei no device selected kannst Du ein Drop Down Menu verwenden und einen Emulator auswählen. Ich habe hier das Pixel 3a gewählt:

Emulator Pixel 3a
Natürlich könntest Du auch ein echtes Gerät verwenden, indem Du dieses mit dem PC verbindest und in die Entwicklungsumgebung einbindest.

Für die ersten Schritte mit Dart und Flutter reicht der Emulator aber vollkommen aus.

Im nächsten Post werden wir uns die Ordner Struktur des Boiler Projekts genauer ansehen. Bis bald !



 



Standort: Zürich, Schweiz

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Listen in Dart (2021): Part 1 List.filled List.empty und List.add

Bild
  Vor langer Zeit hatte ich in diesem Blogg schon einmal das Thema Listen aufgegriffen. Im ersten Post dazu, anhand eines einfachen Beispiels. Anschliessend war die Iterable Klasse ein Thema, welche mit der List Klasse einen engen Bezug hat. Abschließend wurde das Thema dann noch in einem zweiten Post vertieft. Wie oben geschrieben war das vor langer Zeit und es macht Sinn das Thema noch einmal aufzugreifen und sei es nur um das Wissen dazu aufzufrischen. Alle Code Beispiele wurden mit Dart 2.13, Null safety aktiviert, getestet . 2 Sorten von Listen Dart stellt zwei Arten von Listen zur Verfügung: eine mit fixer Grösse und eine die "wachsen" kann. Im Code oben sehen Sie zwei Versionen, wie Sie eine Liste definieren können. Wichtig dabei ist, das Sie die leere Liste erst dann über den Index ansprechen können, wenn Sie mindestens einen Eintrag hinzugefügt haben !  Im Vergleich zu früheren Dart Versionen hat sich das erstellen einer Liste mit fixer Länge geändert. Aktuell
Mehr anzeigen

Dart und Klassen

Bild
Dart und Klassen -- ein erstes Beispiel Objekte und Klassen sind wesentliche Bestandteile der objektorientierten Programmierung. Ich habe eine kleines Video zu meinen ersten Erkenntnissen in diesem Bereich gemacht: Im Video oben wurde die Klasse mitArbeiter definiert. Anschließend eine Funktion bzw im Klassen/Objekt Kontext eine Methode des selben Namens: mitArbeiter() . Sie übernimmt als Argumente 3 Strings. Was hat es damit auf sich ? Bei der Erstellung einer Klasse können wir Konstruktoren definieren, was an sich eine Funktion ist, die den gleichen Namen wie die Klasse trägt. Sie hat Zugriff auf die Variablen innerhalb der Klasse. Ganz am Anfang der Klasse definieren wir: String nachName; Diese Variable hat nach Erzeugung des neuen Klassenobjekts nmitarbeiter, den Wert NULL, was nichts anderes heißt, als das die Variable leer ist. Ein String den wir übergeben haben, den ersten, ist der Nachname. Mit this.nachName = nachName wird der anfangs leeren Stringva
Mehr anzeigen

Dart Basic: Strings Part 1

Bild
Dart Die Manipulation von Zeichenketten ist eine wiederkehrende Aufgabe in der Programmierung. Natürlich hat auch Dart diverse Möglichkeiten mit Zeichenketten umzugehen. Dieser Serie wird auf einige eingehen. Basis Alles in Dart ist letztendlich ein Objekt. Auch der Datentyp String ist ein Objekt, beziehungsweise, die entsprechenden Variablen die wir erstellen. In der dart:core Library ist die String Klasse implementiert. Die Dokumentation dazu ist, wie bei Dart üblich, hervorragend. Ich kann nur empfehlen, sich eingehend damit zu beschäftigen. Zum testen kann man das DartPad verwenden. Es ist ideal für kleine Programme und erste Schritte in Dart. Eine Zeichenkette einer Variablen zuweisen Einfache Zuweisung von Strings Links sehen wir zwei einfache Zuweisungen. Einmal an die Variable test , diese ist vom Typ String . Das andere Mal an test1 , diese wiederum ist vom Typ var . Beides ist legitim, obwohl ein kleiner Unterschied besteht. Während String test
Mehr anzeigen