title: Flutter set Container background with Text child
body: <p>in flutter i want to have simple <code>Text</code> inside <code>Container</code> with background color on container, for example:</p>
  
  <p><a href="https://i.stack.imgur.com/RK500.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RK500.png" alt="enter image description here"></a></p>
  
  <p>unfortunately i can't set or make this screen shot with flutter widgets</p>
  
  <pre><code>Expanded(
    child: Container(
      margin: EdgeInsets.only(top: 10.0),
      child: ListView(
        children: &lt;Widget&gt;[
          Container(
            padding: EdgeInsets.only(right: 1.0, left: 1.0),
            child: Center(
              child: bottomSheetDashBoardItems(
                  widget.dashboardItems),
            ),
          ), //container
        ], //list view children
      ), //list view
    ), //container
  ), //Expanded
  
  
  Widget bottomSheetDashBoardItems(List&lt;DashboardItems&gt; dashboardItems) {
    return Wrap(
      children: dashboardItems
          .map((item) =&gt; Container(
                width: 75.0,
                height: 75.0,
                margin: EdgeInsets.all(5.0),
                decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.all(Radius.circular(5.0)),
                    boxShadow: [
                      BoxShadow(
                        blurRadius: 0.5,
                        color: Colors.black,
                        offset: Offset(0.0, 0.0),
                      )
                    ]),
                child: Center(
                    child: Stack(
                  children: &lt;Widget&gt;[
                    Padding(
                      padding: const EdgeInsets.only(bottom: 12.0),
                      child: Align(
                        alignment: Alignment.center,
                        child: Image.asset(
                          item.icon,
                          width: 40.0,
                          height: 40.0,
                        ),
                      ),
                    ),
                    Align(
                      alignment: Alignment.bottomCenter,
                      child: Container(
                        decoration: BoxDecoration(
                          color: Colors.indigo[400],
                          borderRadius: BorderRadius.only(
                            bottomLeft: Radius.circular(5.0),
                            bottomRight: Radius.circular(5.0),
                          ),
                        ),
                        child: Padding(
                          padding: const EdgeInsets.only(top: 3.0),
                          child: Text(
                            item.title,
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                color: Colors.white,
                                fontFamily: 'IranSansLight',
                                fontSize: 9.0),
                          ),
                        ),
                      ),
                    ),
                  ],
                )),
              ))
          .toList());
  </code></pre>
  
  <p>}</p>
  
  <p>result:</p>
  
  <p><a href="https://i.stack.imgur.com/iqCLI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iqCLI.png" alt="enter image description here"></a></p>