title: How do I paint an InkResponse above other widgets?
body: <p>I have a <a href="https://docs.flutter.io/flutter/widgets/LeafRenderObjectWidget-class.html" rel="nofollow noreferrer"><code>LeafRenderObjectWidget</code></a> in a <code>Column</code>:</p>
  
  <pre class="lang-dart prettyprint-override"><code>Column(children: [CustomRenderObject(), InkResponse(child: ..), ...])
  </code></pre>
  
  <p>Below that, there is an <code>InkResponse</code>. Normally, the splash and highlight from the <code>InkResponse</code> would draw above the previous widget in the <code>Column</code>. If I had the following scenario, the highlight and splash would be rendered above the <code>Container</code>:</p>
  
  <pre class="lang-dart prettyprint-override"><code>Column(children: [Container(height: ..), InkResponse(child: ..), ...])
  </code></pre>
  
  <p>However, in <em>my scenario</em> with the <code>RenderObject</code>, anything I draw <strong>at the bottom</strong> of my <code>CustomRenderObject</code> widget in the <a href="https://docs.flutter.io/flutter/rendering/RenderObject/paint.html" rel="nofollow noreferrer"><code>paint</code> method of my <code>RenderBox</code></a> will be drawn <strong>above</strong> the <code>InkResponse</code> splash and highlight.<br>
  The <code>Material</code> is a parent of the <code>Column</code>.</p>
  
  <p>This means that my <code>InkReponse</code> highlight and splash are <strong>cut off</strong> at the top. I do not want to add additional padding to my <code>InkResponse</code>. How can I have my <code>InkResponse</code> draw above my <code>RenderBox</code>?</p>