title: Round corners of a Path for clipRect not working
body: <p>How can I make my corners rounded in a <code>Path</code> for <code>ClipPath</code>?</p>
  <pre class="lang-dart prettyprint-override"><code>class MyClipper extends CustomClipper&lt;Path&gt; {
    @override
    Path getClip(Size size) {
      final Path path = Path();
      path.moveTo(0, 0);
      path.lineTo(size.width - 10, 0);
      path.lineTo(size.width, size.height / 2);
      path.lineTo(size.width - 10, size.height);
      path.lineTo(0, size.height);
      path.lineTo(0, 0);
      path.close();
  
      return path;
    }
  
    @override
    bool shouldReclip(MyClipper oldClipper) =&gt; false;
  }
  </code></pre>
  <p>I tried adding this in the middle but it didn't give the desired results</p>
  <pre><code>path.quadraticBezierTo(size.width - radius, size.height / 2 - radius, size.width + radius, size.height / 2 + radius);
  </code></pre>
  <p>Trying to round this part
  <a href="https://i.stack.imgur.com/tIWiR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tIWiR.png" alt="enter image description here" /></a></p>