こんにちわ!
今回は私がflutterでよく実装するボタンを3選紹介したいと思います!
最後まで見ていただけたら、嬉しいです!
1,ElevatedButton
このボタンは、マテリアルデザインのガイドラインに従ったスタイリッシュな外観を持ち、ユーザーの操作に応じて浮かび上がる("Elevated")エフェクトが付いています。通常、アクションを実行するためのボタンとして使用されます。
使用例
ElevatedButton(
onPressed: () {},
child: Text("次のページ",
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w600,
color: Colors.white)),
style: ElevatedButton.styleFrom(backgroundColor: Colors.green)
)
2,TextButton
TextButton は、ボタンの外観がシンプルで、テキストラベルだけを持つボタンです。一般的に、ユーザーがボタンをタップすると特定のアクションが実行される場合に使用されます。
使用例
TextButton(
onPressed: () {},
child: Text(
"Next_page!",
style: TextStyle(color: Colors.red)
)
3,IconButton
TextButton は、ボタンの外観がシンプルで、テキストラベルだけを持つボタンです。一般的に、ユーザーがボタンをタップすると特定のアクションが実行される場合に使用されます。
使用例
IconButton(
onPressed: () {},
icon: Icon(Icons.directions_car),
color: Colors.purple,
iconSize: 50,
),
終わり
以上でよく使うボタン機能の紹介を終わります!
今回も最後まで見ていただきありがとうございました!
では、また次の記事で〜!