title: flutter : Text floating on the container margin or padding
body: <p>iam trying to make a listview the item of it consist of </p>
  
  <p>a row inside it 4 expanded containers </p>
  
  <p>each container have a center widget inside it a text</p>
  
  <p>the point is that i want to make a bottom margin for every item </p>
  
  <p>but the text float on it when its needing a more space</p>
  
  <p>and this is my code</p>
  
  <p>first the listview</p>
  
  <pre><code>  Widget _buildList(List list , BuildContext context) {
      return Expanded(
        child: ListView.builder(
          itemBuilder: (BuildContext context, int index) {
            String id = list[index]["default_code"].toString();
            String name = list[index]["name"].toString();
            String cate = list[index]["categ_id"][1].toString();
            String measure = list[index]["uom_id"][1].toString();
            return _buildTableRow(
                number: id,
                name: name,
                collection: cate,
                measure: measure,
                context: context);
          },
          itemCount: list == null ? 0:list.length,
          shrinkWrap: true,
        ),
      );
    }
  </code></pre>
  
  <p>and the TableRow </p>
  
  <pre><code>  Widget _buildTableRow(
        {@required String number,
        @required String name,
        @required String collection,
        @required String measure,
        @required BuildContext context}) {
      return Container(
          decoration: BoxDecoration(
            border: Border(
              bottom: BorderSide(
                color: Colors.white,
              ),
            ),
          ),
          child: Row(
            children: &lt;Widget&gt;[
              buildValueItem(number, context),
              buildValueItem(name, context),
              buildValueItem(collection, context),
              buildValueItem(measure, context)
            ],
          ));
    }
  </code></pre>
  
  <p>and the buildValueItem</p>
  
  <pre><code>Widget buildValueItem(String title, BuildContext context) {
    return Expanded(
      child: Container(
        height: 70,
        decoration: BoxDecoration(
          color: Color(0xFFCCCCCC),
          border: Border(
            left: BorderSide(
              color: Theme.of(context).primaryColorDark,
              width: 1,
            ),
          ),
        ),
        child: Center(
          child: Text(
            title,
            style: TextStyle(
              fontFamily: 'main',
              color: Colors.black,
            ),
            textAlign: TextAlign.center,
          ),
        ),
      ),
    );
  }
  </code></pre>
  
  <p>like this..</p>
  
  <p><a href="https://i.stack.imgur.com/T1N2o.png" rel="nofollow noreferrer">example</a></p>