title: How to make the highlight color of an IconButton appear over parent widget?
body: <p>When I set the color of a Container that holds an IconButton, I find that highlight color of the IconButton is hidden by the color of the container.  Here's what I mean: </p>
  
  <p><a href="https://i.stack.imgur.com/DD7T9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DD7T9.png" alt="enter image description here"></a></p>
  
  <p>How can ensure that the blue circle appears <em>above</em> the red square?</p>
  
  <p>Here's my code:</p>
  
  <pre><code>import 'dart:ui';
  import 'package:flutter/material.dart';
  
  void main() {
    runApp(new MaterialApp(home: new MyDemo()));
  }
  
  class MyDemo extends StatelessWidget {
  
    @override
    Widget build(BuildContext context) {
      return new Scaffold(
        body: new Center(
          child: new Container(
            width: 60.0,
            height: 60.0,
            color: Colors.red,
            child: new IconButton(
              highlightColor: Colors.blue,
              icon: new Icon(Icons.add_a_photo), onPressed: ()=&gt;{},),
          ),
        ),
      );
    }
  }
  </code></pre>