<p dir="auto">It's a very common use case to want to add spacing between widgets in a <code class="notranslate">Row</code> or a <code class="notranslate">Column</code>. At the moment, the way to do this is adding padding to each individual element (but avoiding to do it on the first element).</p>
<p dir="auto">It would be super useful to be able to just pass in a <code class="notranslate">spacing</code> value, that would be the spacing between each widget in the row or the column.</p>
<h2 dir="auto">Steps to Reproduce</h2>
<p dir="auto">I see Row and Column widgets as a <a href="https://developer.apple.com/documentation/uikit/uistackview" rel="nofollow">UIStackView</a> and would expect spacing parameter so that we can add custom spacing between their children. Something like <a href="https://developer.apple.com/documentation/uikit/uistackview/1616225-spacing" rel="nofollow">spacing</a>.<br>
I always end up adding additional Containers in between and this is far from clean solution from my pov - something like this:</p>
<div class="highlight highlight-source-dart notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="new Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: &lt;Widget&gt;[
    new Container(
      height: 20.0,
      child: new Image.asset('assets/images/someimage.png'),
    ),
    new Container(
      height: 8.0,
    ),
    new Container(
      height: 20.0,
      child: new Image.asset('assets/images/someimage.png'),
    ),
  )
)"><pre class="notranslate"><span class="pl-k">new</span> <span class="pl-c1">Column</span>(
  crossAxisAlignment<span class="pl-k">:</span> <span class="pl-c1">CrossAxisAlignment</span>.start,
  children<span class="pl-k">:</span> <span class="pl-k">&lt;</span><span class="pl-c1">Widget</span><span class="pl-k">&gt;</span>[
    <span class="pl-k">new</span> <span class="pl-c1">Container</span>(
      height<span class="pl-k">:</span> <span class="pl-c1">20.0</span>,
      child<span class="pl-k">:</span> <span class="pl-k">new</span> <span class="pl-c1">Image</span>.<span class="pl-en">asset</span>(<span class="pl-s">'assets/images/someimage.png'</span>),
    ),
    <span class="pl-k">new</span> <span class="pl-c1">Container</span>(
      height<span class="pl-k">:</span> <span class="pl-c1">8.0</span>,
    ),
    <span class="pl-k">new</span> <span class="pl-c1">Container</span>(
      height<span class="pl-k">:</span> <span class="pl-c1">20.0</span>,
      child<span class="pl-k">:</span> <span class="pl-k">new</span> <span class="pl-c1">Image</span>.<span class="pl-en">asset</span>(<span class="pl-s">'assets/images/someimage.png'</span>),
    ),
  )
)</pre></div>
<p dir="auto">I understand that there are other ways to do this but all of them induce extra logic and make code harder to read.</p>