title: Provide some extra space at the end of ListView.builder
body: <p><a href="https://i.stack.imgur.com/noIHB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/noIHB.jpg" alt="enter image description here"></a>
  Below is my code, I want to add some extra space of height 50, which comes at the end of list item. because when my second child of stack appears it nearly overlaps the last item of list view. I've tried wrapping ListView.builder with column and added a container at last but destroyed my whole structure. for this scenario I've to wrap the column into Single scrollable which pushed stack 2nd widget to be at the end of ListItem.(But I don't want Stack 2nd object to be scrollable).
  As you can see I'm not able to click on HotDog.</p>
  
  <pre><code> body: Stack(
          children: &lt;Widget&gt;[
            ListView.builder(
                    itemCount: itemData.length,
                    shrinkWrap: true,
                    scrollDirection: Axis.vertical,
                   itemBuilder: (BuildContext context,int index){ 
                     return Text(data[index].name);
   }
  
                       ),
  
            Padding(
              padding: const EdgeInsets.all(10.0),
              child: Container(
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(8),
                  color: Colors.cyan
                ),
                padding: EdgeInsets.all(10),
                height: 60,
  
              ),
            )
          ],
        ),
  </code></pre>