title: Flutter: How to make this type bubble in chat message?
body: <p>How to make this type bubble in chat message?</p>
  
  <p>Current Output</p>
  
  <p><a href="https://i.stack.imgur.com/QefbM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QefbM.png" alt="enter image description here"></a></p>
  
  <p>Require Output
  <a href="https://i.stack.imgur.com/s3Gpv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/s3Gpv.png" alt="enter image description here"></a></p>
  
  <p>Tried below code but didn't get the top side left part of curve. Is there any packages or lib. available to make this type of custom shapes in flutter.</p>
  
  <p>Code to produce current output.</p>
  
  <p>Thanks in Advance.</p>
  
  <pre><code>Padding(
          padding: const EdgeInsets.symmetric(vertical: 30),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: &lt;Widget&gt;[
              Stack(
                overflow: Overflow.visible,
                children: &lt;Widget&gt;[
                  Container(
                    alignment: Alignment.centerLeft,
                    height: 40,
                    width: 40,
                    decoration: BoxDecoration(
                      color: Colors.white,
                      border: Border.all(color: Colors.white, width: 3),
                      shape: BoxShape.circle,
                      image: DecorationImage(
                        fit: BoxFit.cover,
                        image: const AssetImage(
                            'assets/images/composite-corporate-group-photos.jpg'),
                      ),
                    ),
                  ),
                  Positioned(
                    top: 37,
                    child: Padding(
                      padding:const EdgeInsets.only(left: 3),
                      child: Container(
                        padding: const EdgeInsets.symmetric(
                            horizontal: 20, vertical: 8),
                        decoration: const BoxDecoration(
                          color: pinkColor,
                          shape: BoxShape.rectangle,
                          boxShadow: [
                            BoxShadow(
                              color: Colors.grey,
                              blurRadius: 4.0,
                            ),
                          ],
                          borderRadius: BorderRadius.only(
                            bottomRight: Radius.circular(22.0),
                            bottomLeft: Radius.circular(22.0),
                            topRight: Radius.circular(22.0),
                          ),
                        ),
                        child: Text(
                          widget.text,
                          style: const TextStyle(
                            fontFamily: 'PoppinsRegular',
                            fontSize: 16,
                            color: Colors.white,
                          ),
                        ),
                      ),
                    ),
                  ),
                ],
              )
            ],
          ),
        );
  </code></pre>