Ripple-effect test

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final title = 'Ink';

    return MaterialApp(
      title: title,
      theme: ThemeData(
        //highlightColor: Colors.green.withOpacity(0.5),
        splashColor: Colors.red.withOpacity(0.8),
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: SingleChildScrollView(
          child: Wrap(
            children: [
              Container(
                height: 300,
                width: 300,
                child: Stack(
                  children: [
                    Center(
                      child: Ink(
                        child:
                            Image.network('https://picsum.photos/250?image=9'),
                      ),
                    ),
                    Positioned.fill(
                      child: InkWell(
                        onTap: () {
                          print('onTap');
                        },
                      ),
                    ),
                  ],
                ),
              ),
              Container(
                height: 300,
                width: 300,
                child: Ink(
                  child: InkWell(
                    onTap: () {
                      print('onTap');
                    },
                    child: Center(
                      child: Image.network('https://picsum.photos/250?image=9'),
                    ),
                  ),
                ),
              ),
              Container(
                height: 300,
                width: 300,
                child: Stack(
                  children: [
                    Center(
                      child: Image.network('https://picsum.photos/250?image=9'),
                    ),
                    Positioned.fill(
                      child: Material(
                        type: MaterialType.transparency,
                        child: InkWell(
                          onTap: () {
                            print('onTap');
                          },
                        ),
                      ),
                    ),
                  ],
                ),
              ),
              Container(
                height: 300,
                width: 300,
                child: Stack(
                  children: [
                    Center(
                      child: Image.network('https://picsum.photos/250?image=9'),
                    ),
                    Positioned.fill(
                      child: MaterialButton(
                        onPressed: () {
                          print('onTap');
                        },
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}