[Flutter] 이미지에 Ripple 효과를 추가하는 방법(Stack 이외)

네, 그것도 좋아요.

메서드

원본 이미지에 Ripple 첨부

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: MyWidget(),
    ),
  );
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Ink.image(
          width: 100,
          height: 100,
          image: NetworkImage('https://4.bp.blogspot.com/-SNILKxCoGxA/WMdTfmXnenI/AAAAAAABChM/HeJqR7MV9ZE2vXQFmdVeaZ3t6NxV6R9QwCLcB/s800/pet_nekotsugura.png'), 
          child: InkWell(
            onTap: () {
	    // 何かしらのTapイベント
	    },
          ),
        ),
      ),
    );
  }
}

필렛 등 가공된 이미지에 Ripple 추가

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: MyWidget(),
    ),
  );
}

class MyWidget extends StatelessWidget {
  final borderRadius = BorderRadius.circular(15);
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Ink(
          width: 100,
          height: 100,
          decoration: BoxDecoration(
            borderRadius: borderRadius,
            image: DecorationImage(
              image: NetworkImage(
                  'https://4.bp.blogspot.com/-SNILKxCoGxA/WMdTfmXnenI/AAAAAAABChM/HeJqR7MV9ZE2vXQFmdVeaZ3t6NxV6R9QwCLcB/s800/pet_nekotsugura.png'),
              fit: BoxFit.cover,
            ),
          ),
          child: InkWell(
            borderRadius: borderRadius,
            onTap: () {
	    // 何かしらのTapイベント
	    },
          ),
        ),
      ),
    );
  }
}

참고 자료