2020/10/18 Flutter : Add Material touch ripplesの訳

InkWell = インクつぼ

マテリアルデザインガイドラインに準拠したウィジェットは、タップされた時にリップル(波紋)アニメーションが発生します。

FlutterはInkWellウィジェットを提供しており、InkWellウィジェットはリップルアニメーション効果(effect)が備えられています。以下のステップでリップルエフェクトを生成します。

  1. tapをサポートしているウィジェットを生成します。
  2. 「タップ時のコールバック」と「リップルアニメーション」を管理するため、1で作ったウィジェットをInkWellウィジェットでラップします。
InkWell(
  // When the user taps the button, show a snackbar.
  onTap: () {
    Scaffold.of(context).showSnackBar(SnackBar(
      content: Text('Tap'),
    ));
  },
  child: Container(
    padding: EdgeInsets.all(12.0),
    child: Text('Flat Button'),
  ),
);

まとめのサンプル

import 'package:flutter/material.dart';

void main()