title: Flutter text background with figure
body: <pre><code>Card(
              color: const Color(0xFF202020),
              child: Column(
                children: [
                  ListTile(
                      title: const DecoratedBox(
                    decoration:
                        const BoxDecoration(color: const Color(0xFF141414)),
                    child: const Text(
                      'John',
                      style: TextStyle(color: const Color(0xFFE7E7E7)),
                    ),
                  )),
                  ButtonBar(
                    alignment: MainAxisAlignment.start,
                    children: [
                      FlatButton(
                          textColor: const Color(0xFFE7E7E7),
                          onPressed: () {},
                          child: const Text('Contact'))
                    ],
                  )
                ],
              ),
            ),
  </code></pre>
  <p>This is my code for Card.</p>
  <p><img src="https://i.stack.imgur.com/ly1t2.png" alt="the result of upper code" /></p>
  <p>this is how upper code executed.</p>
  <p><img src="https://i.stack.imgur.com/iu3tJ.png" alt="text style what I want" /></p>
  <p>I want the background of the letter not to be connected to the end of the card, but to enter a square with a round end.</p>