MaterialButtonのmarginを消したい。【Flutter】

Question

MaterialButton(orRaisedButton)の両サイドにて、デフォルトのmargin(padding?)を消したいです。
(両サイドのmarginです。)

---

下記スクリーンショット、⊖ボタンの両サイドです。

![]

解決策を教えて頂けると嬉しいです。

MaterialButton(
                                onPressed: () {},
                                color: Colors.white,
                                shape: CircleBorder(
                                  side: BorderSide(
                                    color: Colors.grey,
                                    width: 2,
                                  )
                                ),
                                highlightColor: Colors.orange[100],
                                child: Icon(Icons.remove),
                              ),

---

-Margin対策としてContaierをGestureDetectorで囲んでいたのですが、Buttonのmarginを綺麗に消せる方法があれば教えて頂きたいです????

Answer 1

これのことでしょうか？
https://qiita.com/sensuikan1973/items/b5e966c3b9ff141bf9e3

MaterialButton(
  materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
  onPressed: () {},
  color: Colors.white,
  shape: CircleBorder(
      side: BorderSide(
    color: Colors.grey,
    width: 2,
  )),
  highlightColor: Colors.orange[100],
  child: Icon(Icons.remove),
),

Comments

[kazuki_user]

ご返信ありがとうございます。

サイドのmarginを消したいのですが、
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,では不可でした...????

スクリーンショットを追記させて頂きました。

[satokei]

「minWidth」で小さい値を指定してみてはどうでしょうか。
https://api.flutter.dev/flutter/material/MaterialButton/minWidth.html

[kazuki_user]

minWidthですね????
とても参考になりました????ありがとうございました。