title: Flutter Wrap widget inside Row widget
body: <p>I want to achieve this behavior. I have 4 items in a Row but I want two texts in the middle act like the yare in a Wrap widget and <code>text2</code>  moves to next line if <code>text1</code> is long and fill all spaces.
  <a href="https://i.stack.imgur.com/fj4rE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fj4rE.png" alt="enter image description here" /></a></p>
  <p>Here is my code but it overflows instead of wrapping texts in two lines</p>
  <pre><code>
    Widget _buildItem(String name, String status) {
      return Container(
        padding: const EdgeInsets.all(Dimens.unitX2),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: &lt;Widget&gt;[
            Container(
              width: Dimens.unitX5,
              height: Dimens.unitX5,
              color: Colors.blue,
            ),
            SizedBox(width: Dimens.unitX1),
            Wrap(
              crossAxisAlignment: WrapCrossAlignment.center,
              alignment: WrapAlignment.spaceBetween,
              spacing: Dimens.unitX1,
              direction: Axis.horizontal,
              children: [
                Text(name),
                Text(status),
              ],
            ),
            SizedBox(width: Dimens.unitX1),
            Container(
              color: Colors.red,
              width: Dimens.unitX5,
              height: Dimens.unitX5,
            ),
          ],
        ),
      );
    }
  </code></pre>