FlutterでTextButtonの背景色を変えるには

Flutter

TextButtonの背景色を変えるには、styleプロパティのbackgroundColorを設定することができます。例えば、青色の背景色を設定するには、以下のようにします。

TextButton(
  style: TextButton.styleFrom(
    backgroundColor: Colors.blue,
  ),
  onPressed: () {
    // ボタンが押された時の処理
  },
  child: Text('Button'),
),

また、TextStyleを使って、テキストの色、サイズなども変更することができます。例えば、以下のようにします。

TextButton(
  style: TextButton.styleFrom(
    backgroundColor: Colors.blue,
  ),
  onPressed: () {
    // ボタンが押された時の処理
  },
  child: Text(
    'Button',
    style: TextStyle(
      color: Colors.white,
      fontSize: 16,
    ),
  ),
),

コメント

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