Flutter Boiler Code

Standard Code für neue Projekte in Flutter

Basis: Visual Studio Code:

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Flutter Beispiel 2 Row Column Center

Bild
Im ersten Beispiel habe ich die Widgets Row und Colum verwendet.Für den Anfang nicht schlecht, auch wenn ich mit dem Center Widget nicht den gewünschten Effekt erzielt habe. Im Code oben kommt als "oberstes" Widget ein Container zum Einsatz. In diesem, als Child, ein Spalten Widget (Column) mit zwei Reihen (Row) als Kinder. Die erste Reihe hat wiederum einen Container Widget als Child, sowie auch ein Column Widget mit 2 Container Children als Kinder.  Dieses Prinzip..ein Widget hat ein "Kind" oder "Kinder", diese wiederum können auch Kinder haben etc ist charakteristisch für Flutter. Der Code kann da sehr schnell unübersichtlich werden, was Kommentare (was ich bei einem so kleinen Beispiel nicht gemacht habe ) wichtig macht, aber auch eine klare Struktur des eigenen Projekts. Der Code oben hat im übrigen als Ergebnis: Inhalt zentriert Im übrigen habe ich die Frage des zentrierens über MainAxisAlignement.center gelöst und nicht mit einem Center ...
Mehr anzeigen

Nützliche Websites für den Entwickler

Bild
Android Asset Studio Nützliche Websiten die Unterstützung bitten, bei alltäglichen Aufgaben für einen Entwickler gibt es viele. Hier meine Auswahl an großen und kleinen Hilfen. Images Bilder anzupassen, ihre Größe zu ändern, der Umgang mit Icons, all das ist mehr oder weniger eine häufige Notwendigkeit. Die erste Empfehlung gilt daher Android Asset Studio . Eine einfach konzipierte Website mit nicht geringer Funktionalität. Die nächste Website zum Thema Images kommt sehr aufgeräumt daher. Sie eignet sich vor allem für Generierung von  Icons und Bildern für verschiedene Bildschirmauflösungen bei Smartphones. App Icon Generator gibt es sowohl online, als auch als Desktop Version für Windows und Mac. Die Größe eines Bildes zu ändern, aber noch viele weitere nützliche Helfer gibt es auf auf iLoveIMG . Auch wenn ich persönlich Bild Verkleinern vorziehe. Bevor man aber ein Bild manipulieren kann, braucht man zuerst eines. Eine sehr gute Quelle dabei, ist unsplash . Die Bild...
Mehr anzeigen

Flutter StatelessWidget, StatefulWidget 1

Bild
Die Basis von allem sind die Widgets Wer nicht gaaanz neu bei Flutter ist, kennt die Aussage, das alles bei Flutter ein Widget ist. Obwohl das sicher nicht zu hundert Prozent richtig ist, trifft es oft zu. Diese Widgets sind in Baumstrukturen organisiert, sind also miteinander verbunden. Man spricht deshalb auch in diesem Zusammenhang oft von "Eltern-Kind" Beziehungen. Wenn man den Baum als Sinnbild heranzieht, dann einen der auf dem Kopf steht. Die oberste Stelle ist immer unsere main Funktion.Sie ist der Startpunkt unserer Software. Die nächste Stufe ist dann " MeineApp " oder welchen Namen das erste Widget auch hat, welches wir programmieren. Es folgt vielleicht ein Scaffold , eine AppBar und vieles andere mehr. Ob man nun ein Eltern Widget betrachtet, oder ein Kind Widget, ist dabei immer relativ zu verstehen. Wer die ersten Schritte in Flutter unternimmt, stösst früher oder später auf den Begriff Context. In Flutter ist ein Context, immer eine Referen...
Mehr anzeigen