Flutter Short Tip IconButton

Short Tip
In diesem Post geht es um eine kleine, aber wichtige Tatsache. Sie hat mich einiges an Zeit gekostet und die möchte ich anderen ersparen.

Wie man im Bild unten sieht, ist der Abstand zwischen dem phone Icon und dem Personen Icon ziemlich groß. Mein Ziel war es also, dies zu ändern.
Die vier Icons in der letzten Zeile habe ich als IconButton's implementiert.

So recht wollte mir das aber nicht gelingen. Jetzt gibt es ja die sehr nützliche Möglichkeit mit Toggle Debugg Painting eine weitere Ansicht zu erhalten. Das Resultat war das folgende:


Natürlich kam ich jetzt auf die Idee mit padding: EdgeInsets.all(0.0) das Padding zu entfernen, was aber zu keiner Verbesserung geführt hat. Hier wieder die Debugg Ansicht:


Nach einiger Suche stieß ich dann auf einen Artikel der das Geheimnis lüftete. Der IconButton ist ein Material Design Widgets und reserviert per Definition 48x48 px.
Wenn ich das früher gewusst hätte :-).

Bis bald !
Standort: Zürich, Schweiz

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Flutter -- Tutorial Teil 5 Navigator

Bild
Im letzten Teil dieser Serie sind wir auf das Stateful und das Stateless Widget eingegangen. Flutter -- Tutorial Teil 1 Grundsätzliches Flutter -- Tutorial Teil 2 State und Co Flutter -- Tutorial Teil 3 Starter Code   Flutter -- Tutorial Teil 4 StatefulWidget StatelessWidget Flutter -- Tutorial Teil 5 Navigator --  Du bist hier ! Wir erinnern uns: das Stateless Widget ist an sich nicht dazu gedacht Inhalte zu enthalten, auf die wir später direkt zugreifen wollen. Das Stateful Widget unterstützt genau dieses. Ein Großteil von den Möglichkeiten die Flutter bietet, unterstützt uns bei der Erstellung einer Benutzeroberfläche. Diese ermöglicht dem Benutzer z.b. Buttons zu clicken / drücken, Texteingaben zu machen, etwas abzuspeichern. Dabei bestehen die wenigsten Benutzeroberflächen nur aus einem Bildschirm / View, sondern implementieren meistens mehrere Screens, um den Benutzer durch die App zu navigieren. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ...
Mehr anzeigen

Dart Basic: Strings Part 2

Bild
Im ersten Teil dieser kleinen Serie zum Thema Dart und Strings haben wir ganz einfach begonnen. Wir wissen, wie wir einer Variablen eine Zeichenkette zuweisen können. Wir wissen auch das in Dart alles ein Objekt ist, so auch jede String Variable . Jetzt wollen wir uns aber tiefer in die Materie stürzen ! Eine Problematik die immer wieder auftauchen kann: Ist eine Zeichenkette in einer anderen vorhanden ? contains() Zur Klarstellung: Wir überprüfen nicht, ob zwei Strings identisch bzw gleich sind. Wir testen ob eine Zeichenkette Teil einer oder identisch mit einer anderen Zeichenkette ist. Wie ist das gemeint ? Beispiel contains() Wenn wir uns links den sehr einfachen Code an. test1.contains(..) liefert als Ergebnis ein false , also falsch. ABBC ist nicht Teil der Zeichenkette die wir in der Variablen test1 gespeichert haben. Das ? leitet eigentlich eine if Konstruktion ein. Die Print Funktion nach dem Fragezeichen wird ausgeführt, wenn cont...
Mehr anzeigen

Flutter und JSON

Bild
Wer sich, und wenn es nur oberflächlich ist, mit programmieren befasst wird auf den Begriff JSON stoßen. Wenn man Großmama Google danach fragt, bekommt man von Großvater Wiki diese Definition angeboten: Die JavaScript Object Notation, kurz JSON , ist ein kompaktes Datenformat in einer einfach lesbaren Textform zum Zweck des Datenaustauschs zwischen Anwendungen. Ein Datenformat ist ein Standard, den sich jemand ausgedacht hat. Wieso und warum ist interessant, aber sekundär. JSON ist ein Datenaustausch Format und ist aktuell im Web weit verbreitet. Viele Quellen mit denen man interagieren kann, bieten ihre Daten in diesen Format an. In aller kürze (ohne ein Tutorial zu JSON ersetzen zu wollen) hier das wichtigste: Der Inhalt eines JSON Files befindet sich entweder zwischen [..] oder {...} Klammern. [...] = Der Inhalt ist eine Liste. Diese Liste kann ein oder mehrere Objekte enthalten. {...} = Der Inhalt ist ein Objekt aus einem oder mehreren Schlüssel/Wert Paaren. Beispi...
Mehr anzeigen