余白（マージン）を削除する｜IconButton｜Flutter

IconButton には、タップ領域を考慮した余白（マージン）が存在する。ボタンそのもののサイズは 40.0 だが、4.0 の余白（マージン）で囲まれている。

IconButton(
  style: IconButton.styleFrom(
    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
  ),
);

「MaterialTapTargetSize.shrinkWrap」は、タップ領域を考慮した余白（マージン）を設けない、という指定。

関連記事

角丸を変更する｜FilledButton｜Flutter
最小サイズを変更する｜OutlinedButton｜Flutter
枠線の色と太さを変更する｜OutlinedButton｜Flutter
背景色を設定する｜IconButton｜Flutter
幅と高さを固定する｜ElevatedButton｜Flutter

参考記事

[Flutter] ボタンの余白をなくしたい
[Flutter] FlatButton 間の空白をなくす
How do I remove Flutter IconButton big padding?

最近の読んで面白かった漫画

[山本章一] 堕天作戦
[弐瓶勉] タワーダンジョン
[イトカツ] おとなりリトルウィッチ
[一智和智] 便利屋斎藤さん、異世界に行く
[左藤真通] この世界は不完全すぎる
[艮田竜和×坂野旭×ももちち] 獣王と薬草
[ハミタ] 宇宙人のかくしごと
[なか憲人] とくにある日々
[ルーカスフィルム×WDC×大沢祐輔] スター・ウォーズ：マンダロリアン
[柴田ヨクサル] 東島丹三郎は仮面ライダーになりたい