Add Material touch ripples by 株式会社ナビタイムジャパン / 松村 航裕

FlutterKaigi 2023
採択
2023/11/10 11:00〜
東急(株) URBAN HACKS
スポンサーセッション
Sponsored

Add Material touch ripples

kosuke_mtm 株式会社ナビタイムジャパン / 松村 航裕 kosuke_mtm
1

概要

画面タッチ時のタッチフィードバックは、Flutterに限らずとても重要な要素です。
Flutterの場合はInkWellウィジェットやMaterialウィジェットを用いることで比較的簡単にRipple effectを表現することが可能ですが、思うようにRipple effectが表示されなかったということは、初心者をはじめ、多くの方が経験されているのではないでしょうか?
本セッションでは、Material Designのガイドラインを読み解きながら、主にMaterialやInkWellウィジェットの内部実装を通してFlutterにおけるRipple effectの表示の仕組みや、細かな制御方法を解説します。その上で、様々なパターンにおけるRipple effectの実装方法などを紹介します。

想定視聴者

  • FlutterのRipple effectに困ったことのある方
  • 脱・初心者を目指したい方