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 !

Kommentare

Beliebte Posts aus diesem Blog

Dart Basic: Strings Part 1

Dart Basic: Parameter in Funktionen

Dart Basic: Listen Part 1