Flutter, Dart und mehr !

  Im letzten Post habe ich die ersten Zeilen Code geschrieben, die im AVD(Emulator) lauffähig waren. ein ziemlich hässliches, kleines Beispiel 😀 ! In dieser kleinen Serie hast Du bis jetzt die Ordnerstruktur eine Boiler Projekts kennen gelernt. Du weißt das main.dart die main(...) Funktion enthält, den Einstiegspunkt des Betriebssystems in deine Anwendung, und das Du früher oder später das pubspec.yaml File bearbeiten wirst, um Codebibliotheken dritter einzubinden. Den AVD (Android Virtual Device) zu starten sollte für Dich auch kein Problem mehr sein. Bevor es weiter geht In einem der letzten Post's habe ich erwähnt, das Flutter keine Programmiersprache, sondern ein Framework ist. Die Programmiersprache hinter Flutter ist Dart . Eines der Features, von denen Flutter starken Gebrauch macht, ist das der benannten Parameter für Funktionen. Du wirst Flutter Code nur dann richtig lesen können, wenn Du dieses Konzept verstehst. Ich habe dazu einen separaten Post gemacht ...

At the moment I'm posting a little series about Flutter on this blog ( the last one here ). In this series, I'll get to the point where the majority will soon be about code, dart code. As a beginner, it's very easy to forget that Flutter Code is Dart Code! One reason, not the only one, is the spelling. This post addresses the issue. Positional parameters A simple function as an example: This function has no return value and first expects a character string as a parameter, then an integer value. You could try calling the function like this: The code above won't work! The print function expects the character string first and then the number! That is why we speak of positional parameters! You can also set optional parameters in the print function. Optional parameters are defined in [...] . They can be passed when the function is called, but do not have to be. Example: In the code above I don't use the optional parameter, the code still executes without errors. Logical...

Im Moment poste ich in diesem Blog eine kleine Serie über Flutter ( hier der letzte ). In dieser Serie komme ich an den Punkt, wo es sich bald mehrheitlich um Code, Dart Code, drehen wird. Als Anfänger vergisst man sehr leicht, Flutter Code, ist Dart Code ! Ein Grund dafür, nicht der einzige, ist die Schreibweise. Dieser Post geht auf das Thema ein. Positionelle Parameter Als Beispiel eine einfache Funktion: Diese Funktion hat keinen Rückgabewert und erwartet als Parameter zuerst eine Zeichenkette, anschliessend einen Integer Wert. Du könntest versuchen die Funktion so aufzurufen: Der Code oben wird nicht funktionieren ! Die Funktion drucken erwartet zuerst die Zeichenkette und dann erst die Zahl ! Das ist der Grund, das wir von positionellen Parametern sprechen. Du kannst in der Funktion drucken auch optionale Parameter festlegen. Optionale Parameter werden in [...] definiert. Sie können beim Aufrufen der Funktion übergeben werden, müssen es aber nicht. Beispiel: Im Code oben ben...

  Hallo, das bin ich wieder mit einem neuen Post in der Serie Flutter 2021 in einer Android Studio Umgebung. Falls Du die letzten Post gelesen und eventuell auch nachvollzogen hast, können wir ja weiter machen. Jetzt ist ein guter Zeitpunkt, sich ein erstes mal mit Code zu befassen. Wir könnten uns jetzt natürlich dem Boiler Code widmen. Dieser ist Netz aber schon gut dokumentiert. Mir gefällt der Ansatz besser, von Anfang an, etwas eigenes zu schaffen. Startpunkt Falls Du an den Grundeinstellungen von Visual Studio Code nichts verändert hast, sollte Dir das Programm nach dem Start das Boiler Projekt anzeigen. Du weißt schon, das mit dem Zähler, welchen wir mit einem Klick auf den Plus Button erhöhen: Achtung : Die folgenden Schritte löschen den Boiler Code in main.dart . Solltest Du Android Studio schliessen (über das X oben rechts im Fenster), wird der aktuelle Stand von Visual Studio Code gespeichert und Du kannst den Boiler Code nicht mehr wiederherstellen.   Lin...

Im letzten Teil habe ich die Ordnerstruktur unseres Flutter Boiler Projekts betrachtet. Wenn Du alle Beiträge gelesen hast, weißt Du was ein AVD ist, das main.dart der Einstiegspunkt in Deine App darstellt und das im pubspec.yaml File einige Abhängigkeiten Deiner Anwendung festgelegt sind. Zum Start sind unsere Kenntnisse dieser Punkte nur oberflächlich. Das verbessert sich aber Stück für Stück, je mehr Du dich mit Flutter beschäftigst. In der Grundeinstellung von Android Studio siehst Du links die Ordner Struktur Deines Boiler Projekts und rechts befindet sich der Editor Bereich.  File im Editor öffnen Links in der Ordner Struktur bewegst Du dich wie gewohnt. Ordner aufklappen, oder der Übersichtlichkeit wegen zuklappen, mit einem Klick der linken Maustaste ein File anwählen. Mit einem Klick der rechten Maustaste auf ein Element das entsprechende Kontextmenu aufrufen. Mit einem Doppelklick mit der linken Maustaste auf ein File, öffnest Du dieses rechts im Editor Bereich...

  Willkommen zurück. Ich gehe davon aus das Du den letzten Post gelesen hast, am PC sitzt mit Android Studio und ein AVD (Emulator) am laufen hast 😀. Bis hierher war alles doch ziemlich einfach. Lass und zuerst noch einmal die Ordner Struktur im Boiler Projekt anschauen. Ordner Struktur Wie links zu sehen ist kannst Du über das Drop Down Menu (Project) direkt in verschiedene Ansichten wechseln. In unserem Boilerprojekt brauchen wir das jedoch eher nicht. In grösseren Projekten mit entsprechend vielen Files, ist das aber ein nützliche Möglichkeit.  Man muss zu diesem Zeitpunkt eigentlich nur wissen, das es zum eigenen Vorteil ist, sich eine gewisse Ordnung in der eigenen Ordner Organisation anzugewöhnen. Wenn Du dir ein System angewöhnst, wird es auch nach längerer Zeit nicht schwer für Dich sein, in einem Projekt gewünschte Ordner und Dateien zu finden. Das spart Zeit. An sich bist Du aber ziemlich frei, wo Du deine Files speicherst. Schauen wir uns aber die Boiler Projekt ...

  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: 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 versc...