Flutter Boiler Code

Standard Code für neue Projekte in Flutter

Basis: Visual Studio Code:

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Material Design in Flutter Teil 2

Bild
Im ersten Teil des Posts zu diesem Thema, haben wir ein kleines Programm geschrieben, das einige "Material Design Elemente" von Flutter auf den Bildschirm (Emulator) bringt. Im zweiten Teil des Posts gehen wir nun ein wenig mehr auf die Möglichkeiten ein, die Material Design bietet. Farben Wer in seinem Flutter Projekt Farben direkt definieren will, kann diese als ARGB werte festlegen. Hier ein Beispiel: 0xff42f4dc Die obige Zeichenkette beginnt mit 0x und definiert, das die Zeichenkette als Hexadezimal Wert zu verstehen ist. ff , ist der Wert für den Alpha Kanal der Farbe. Dieser legt die Transparenz der Farbe fest. In diesem Beispiel ist der Wert 255 , was nichts anderes heißt, als das die Farbe zu 100% sichtbar ist. Geringere Werte lassen die Hintergrundfarbe durchscheinen bzw mischen "unsere" Farbe mit der Hintergrundfarbe. 42 legt den Rotanteil fest, f4 den Grünanteil, dc , den Blauanteil fest. Kompakt: 0x = es handelt sich um eine Hex...
Mehr anzeigen

Dart File readAsString writeAsString

Bild
Natürlich kann man mit der Programmiersprache Dart auch Files lesen und schreiben. Um das zu bewerkstelligen importieren wir die d art:io Library, sprich die Bibliothek, die uns die entsprechenden Klassen und Methoden / Funktionen zur Verfügung stellt File readAsString Beispiel Code : Eine Funktion die eine Datei komplett als Zeichenkette ausliest. Was gleichzeitig bedeutet, das sie sich nur für kleine Dateien bzw Anwendungsfälle mit kurzen Zeichenketten eignet. Das erste was auffällt, ist die asynchrone Implementierung. Der Rückgabewert ist ein  Future Objekt vom Typ String . Mit new File(...) wird ein neues File Objekt erzeugt, wobei man dieser Funktion den Filenamen als String übergibt. Die Funktion geht davon aus, das sich dieses File auf der obersten Ebene des Projekt Ordners befindet. Natürlich ist auch ein anderer Pfad möglich, dazu aber mehr in einem anderen Post. Die eigentliche Arbeit geschieht mit readAsString() . Der Funktion kann noch mitge...
Mehr anzeigen

Bootstrap 5 Container

Bild
  Bei dem Designen von Websites spielen Container eine prominente Rolle. Es wird nicht empfohlen, sie zu verschachteln. Aber es können durchaus mehrere auf einer Website benutzt werden. Container sind aktuell ein Standardwerkzeug in der Html Programmierung, aber kein offizielles Html Element. Dementsprechend werden sie auch nicht als <Tag>...</Tag> benutzt. Vielmehr wird Container als Css3 Klasse implementiert. Bootstrap 5 hat seine Umsetzung, andere Systeme eventuell eine abweichende Implementierung. Wichtig ist: Wer von dem Layoutsystem von Bootstrap 5 profitieren will, insbesondere das Bootstrap Grid System, kann die Benutzung von Container nicht vermeiden.  Betrachten wir einmal die drei Hauptvarianten. Beispiel-Code: Wir sehen im Code oben schon den wichtigsten Punkt. Die container Klasse von Bootstrap 5 wird einem <-div>...</div> Tag zugewiesen.  Dabei stellt Bootstrap drei Hauptvarianten zur Verfügung: container : der Standard contai...
Mehr anzeigen