title: Transparent image and transparent text box background in flutter
body: <h2>How to have a transparent png colored background and transparent text box?</h2>
  <h3>Expected result:</h3>
  <p><a href="https://i.stack.imgur.com/MfTNA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MfTNA.png" alt="image background and transparent box" /></a></p>
  <p>I want a colored background behind transparent png.
  But <code>Container</code>does not accept
  <code>color: Colors.deepOrange.shade50,</code> and
  <code>...image: DecorationImage(image: AssetImage(&quot;transparent.png&quot;)</code> together.</p>
  <p><strong>So how should I keep the orange color behind my transaprent.png image?</strong></p>
  <p>Current code results ....
  <a href="https://i.stack.imgur.com/NnweF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NnweF.png" alt="Current code" /></a></p>
  <pre class="lang-dart prettyprint-override"><code>
    Widget build(BuildContext context) {
      return Material(
        child: Column(mainAxisSize: MainAxisSize.max, children: [
          AppBar(),
          Container(
            // color: Colors.deepOrange.shade50,
            padding: const EdgeInsets.all(10.0),
            height: 400,
            width: 450,
            decoration: BoxDecoration(
              color: Colors.deepOrange.shade50,
              image: DecorationImage(
                  image: AssetImage(&quot;assets/images/transparent.png&quot;),
                  fit: BoxFit.none),
            ),
            child: Column(
              children: [
                Text(
                  'Lorem ipsum dolor sit amet',
                  style: TextStyle(color: Colors.black, fontSize: 33.0),
                ),
                Container(
                  padding: EdgeInsets.symmetric(horizontal: 60),
                  color: Colors.white70.withOpacity(0.7),
                  child: Text(
                    'Lorem ipsum dolor sit amet',
                    style: TextStyle(color: Colors.black, fontSize: 22.0),
                  ),
                ),
              ],
            ),
          )
      );
    }
  </code></pre>