[Flutter]TextButtonに最小のサイズを設定する方法

Flutter

どうも、ちょげ(@chogetarou)です。

TextButtonで最小のサイズを設定する方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www, グラフィック, フラットなデザイン

TextButtonに最小のサイズを設定するには、「TextButton.styleFrom」クラスを使います。

TextButtonの引数「style」に「TextButton.styleFrom」を指定します。

そして、TextButton.styleFromの引数「minimumSize」で、最小のサイズを設定します。

TextButton(
  style: TextButton.styleFrom(
    minimumSize: Size(250, 50), //最小のサイズ
    backgroundColor: Colors.pink.withOpacity(0.5),
  ),
  onPressed: () {},
  child: Text('Button'),
)

サイズは、「Size(横幅, 高さ)」のように設定します。

コメント

タイトルとURLをコピーしました