title: I want to divide my row into 1/4 ratio in Flutter
body: <p>I want to divide my row <em>in flutter</em> into 4 columns with the same width. So far, the solution I came up with is this,</p>
  
  <pre><code>   child: Row(
          children: &lt;Widget&gt;[
            Container(
              width: MediaQuery.of(context).size.width * 0.25,
              decoration: BoxDecoration(color: Colors.greenAccent),
            ),
            Container(
              width: MediaQuery.of(context).size.width * 0.25,
              decoration: BoxDecoration(color: Colors.yellow),
            ),
            Container(
              width: MediaQuery.of(context).size.width * 0.25,
              decoration: BoxDecoration(color: Colors.blue),
            ),
            Container(
              width: MediaQuery.of(context).size.width * 0.25,
              decoration: BoxDecoration(color: Colors.white),
            ),
          ],
        ),
  </code></pre>
  
  <p>Is there any alternative to this. Also dividing the row into 1/3 ratio would not work in this method.</p>