【Flutter】ボタン

ボタンの種類

ElevatedButton

マテリアルデザインのボタン

ElevatedButton(
  onPressed: () {
    // ボタンが押された時の処理
  },
  child: Text('Elevated Button'),
);

TextButton（テキストボタン）

輪郭や塗りつぶしなし

TextButton(
  onPressed: () {
    // ボタンが押された時の処理
  },
  child: Text('Text Button'),
);

IconButton（アイコンボタン）

IconButton(
  icon: Icon(Icons.add),
  onPressed: () {
    // ボタンが押された時の処理
  },
);

#　ボタンのスタイルについて
ElevatedButtonでサンプル作成

文字色や背景色、ボタンの形状の変更

ElevatedButton(
  onPressed: () {
    // ボタンが押された時の処理
  },
  style: ElevatedButton.styleFrom(
    primary: Colors.green, // ボタンの背景色
    onPrimary: Colors.white, // 押下時の文字色
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(10.0), // 角丸
    ),
  ),
  child: Text('Styled Button'),
);