title: Draw lines with flutter
body: <p>Is there any way to display skew borders at the top and bottom?
  I came up with the solution below by using two images (top_layout and bottom_layout.png). Is there any other way to make those color bars with shadows without using static images?</p>
  
  <pre><code>return Container(
        color: const Color.fromARGB(255, 236, 0, 140),
        child: Container(
          padding: const EdgeInsets.all(8.0),
          child: Container(
            color: Colors.white,
            margin:
                EdgeInsets.only(top: 60.0, bottom: 20.0, left: 15.0, right: 15.0),
            child: Stack(
              children: &lt;Widget&gt;[
                Positioned.fill(
                  child: Image.asset(
                    "assets/imgs/top_layout.png",
                    fit: BoxFit.fitWidth,
                    alignment: Alignment.topCenter,
                  ),
                ),
                Positioned.fill(
                  child: Image.asset(
                    "assets/imgs/xbottom_layout.png",
                    fit: BoxFit.fitWidth,
                    alignment: Alignment.bottomLeft,
                  ),
                ),
              ],
            ),
          ),
        ),
      );
    }
  </code></pre>