title: How to create one side skew container in flutter
body: <p>I'm new to Flutter. How do I create the shape marked here? I tried. Below is the code.
  <a href="https://i.stack.imgur.com/zS5gZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zS5gZ.png" alt="enter image description here"></a></p>
  
  <pre><code>Positioned(
                        top: 30.0,
                        left: 15.0,
                        width: 50.0,
                        height: 20.0,
                        child: Container(
                      decoration: BoxDecoration(
                        color: Colors.pink,
                        shape: BoxShape.rectangle
                      ),
                          child: Padding(
                            padding: const EdgeInsets.symmetric(vertical: 4.0,horizontal: 8.0),
                            child: Text('අලුත්ම පුවත',style: TextStyle(color: Colors.white, fontSize: 10.0,fontWeight: FontWeight.bold)),
                          ),
                    ),
  </code></pre>
  
  <p><a href="https://pastebin.com/RsMnkvFG" rel="nofollow noreferrer">complete code</a></p>