広告

Flutterラボの

プレミアム会員になる

【Flutter】InkWellウィジェットでタップに反応して色を変化させる

2020.11.06

画像1

タップしたときの動作を設定するためには、GestureDetectorウィジェットを使いますが、タップに反応して色を変更させるときはInkWellウィジェットで簡単に設定することができます。

InkWell(
 highlightColor: Colors.blue,
 splashColor: Colors.red,
 child: Container(
   width: double.infinity,
   height: double.infinity,
   child: Center(child: Text('InkWell', style: TextStyle(fontSize: 50.0),),),
 ),
 onTap: () {},
)

GestureDetectorに関する記事も書いているので、ぜひそちらもご覧ください。


Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)