Flutter Boiler Code

Standard Code für neue Projekte in Flutter

Basis: Visual Studio Code:

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Dart für Anfänger Teil 1.2 Variablen

Bild
  Im Teil 1 dieses Kurses sind wir in das Thema programmieren mit Dart eingestiegen und haben uns das minimale Grundgerüst eines Dart Programmes angeschaut. Zum nachvollziehen der Beispiele sei hier das DartPad empfohlen. Die Programmiersprache lässt sich zwar mit diesem webbasierten Editor nicht in Gänze nutzen. Für die ersten Schritte aber reicht es allemal. Hier noch einmal das Beispiel: 1 2 3 void main() { } Natürlich ist dieses Grundgerüst sinnfrei, weil es macht, genau..es macht nichts . Der main() Block , wo weitere Befehle stehen sollten, ist leer. Mit einem Programm löst man eine Problemstellung Problemstellung : Wir möchten drei Zahlen addieren und das Ergebnis auf dem Bildschirm ausgeben . Natürlich, in der realen Welt würden wir versuchen, die Zahlen im Kopf zu berechnen, oder wir nehmen dazu einen Taschenrechner zur Hand. Wie aber lösen wir das mit Dart in einem Programm ? Die wichtige Rolle von Variablen Wir wollen also drei Zahlen addieren, d.h. wir müssen ...
Mehr anzeigen

Flutter 2021 - Buttons Teil zwei (Android Studio)

Bild
  Im letzten Post hatte ich die Grundversionen von Buttons in Flutter angeschaut. In diesem Post betrachte ich die Buttons weiter.  Insbesondere die Möglichkeiten sie weiter zu individualisieren. Wer sich für die aktuellen Empfehlungen zum Button Design interessiert, Stand 30.12.21 , der folgt diesem Link. Wie im letzten Post bereits ersichtlich, ist das Button Konstrukt in Flutter einfach aufgebaut: Man beginnt mit dem Haupt Widget, zum Beispiel ElevatedButton(...) , TextButton(...) Widget, während die eigentlichen Styling Informationen im .styleFrom(...) Widget übergeben werden. Farbveränderung Wenn Du einen Button anklickst, wird dies unter Umständen durch eine Farbveränderung am Button angezeigt. Dieser Effekt lässt sich natürlich programmieren. In diesem Beispiel wird dazu eine spezielle Methode programmiert: Oben im Code siehst Du die Funktion getColor . Sie arbeitet mit MaterialState . Aber was genau ist damit gemeint ? MaterialState Ein Bedienelement, in meinem Fall...
Mehr anzeigen

Flutter: ein eigenes Widget erstellen und einbinden

Bild
Wenn man sich mit Flutter beschäftigt, stößt man früher oder später an Grenzen. Dabei meine ich jetzt nicht eine spezifische Problemstellung, sondern vielmehr die Strukturierung und die Organisation des eigenen Codes. Das mag einem geübten, professionellen Programmierer nur ein müdes Lächeln entlocken. Menschen die programmieren lernen, ob jetzt aus beruflichen Gründen, oder aus Spaß an der Sache, eher weniger. In diesem Post schauen wir uns deshalb, die Möglichkeit an ein Custom Widget zu verwenden. Starter Code  Über die letzten Artikel habe ich den Starter Code eigentlich nicht mehr verändert. Er dient als Anker für die Demo Widgets die ich erstelle, um Flutter zu testen: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 import 'package:flutter/material.dart' ; import 'package:flutter/rendering.dart' ; import 'package:tutflutter_002/meine_widgets.dart' ; void main() { debugPaintSizeEnabled = false; runApp(MeinDemo()); }...
Mehr anzeigen