Flutterにはアバターなどを表示するときに円形にクリップしてくれるCircleAvatarという便利ウィジェットがあります。
しかしこのウィジェットはonTapイベントに対応しておらず、アバタータップしたらなにかするような挙動を実装できません。
ついでにアバタータップしたらリップルエフェクトも欲しいですよね。
Stackでウィジェットを重ねることでこれを実現することができます。
こんな感じです。
Stack(
children: <Widget>[
CircleAvatar(
backgroundImage: AssetImage('assets/comp.jpg'),
radius: 60.0,
),
RawMaterialButton(
onPressed: () {},
child: Container(
width: 120.0, // CircleAvatarのradiusの2倍
height: 120.0,
),
shape: new CircleBorder(),
elevation: 0.0,
),
],
)