title: Set rounded color background to text in TextField Flutter
body: <p>I would like my text background in Textfield looks like this :</p>
  <p><a href="https://i.stack.imgur.com/gKQ00.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gKQ00.jpg" alt="enter image description here" /></a></p>
  <p>But with this code :</p>
  <pre><code>     style: TextStyle(
                background: Paint()..color = Colors.blue
                  ..style = PaintingStyle.fill,
                color: Colors.white,
              ),
  </code></pre>
  <p>I have this result :</p>
  <p><a href="https://i.stack.imgur.com/MSEz6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MSEz6.png" alt="enter image description here" /></a></p>
  <p>There is no <strong>padding</strong>, no <strong>rounded corners</strong> and a <strong>transparent line</strong> between both...</p>
  <p>How can I do this ?</p>
  <p>EDIT :</p>
  <p>Another way with <code>TextStyle</code> was provided by @Csaba Mihaly but this is a workaround I want to avoid. I'm looking for a custom paint solution</p>
  <p>EDIT :</p>
  <p>According answers provided PaintStyle.stroke can be used but it's not 100% matching the expected result (first screen) :</p>
  <p>No matter the text size is, in order to fill the empty space the stroke width must be bigger as I can see. It will render a large padding and corner radius. In my case :</p>
  <p><a href="https://i.stack.imgur.com/lLglM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lLglM.jpg" alt="enter image description here" /></a>
  <a href="https://i.stack.imgur.com/hEGRl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hEGRl.jpg" alt="enter image description here" /></a></p>