title: Align text inside children of Row widget in flutter
body: <p>I am trying to generate the <code>legends</code> of the chart using the <code>Column</code> and <code>Row</code> widget dynamically. The issue that I am facing is aligning the text in the next row.</p>
  <p>You can see that because of the larger text <code>Average</code> and <code>Sub-Pair</code> the next item in the column is moving towards the right. Not sure how to align all in a specific row and colmn.
  <a href="https://i.stack.imgur.com/DjT3t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DjT3t.png" alt="enter image description here" /></a></p>
  <p>Here is the code</p>
  <pre><code>  Widget _buildLegends() {
      return Column(
        children: List.generate(
          sectionDataList.length,
          (index) {
            return Padding(
              padding: const EdgeInsets.all(8.0),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    indicatorDataList[index].subText,
                    textAlign: TextAlign.left,
                  ),
                  Container(
                    height: 25,
                    width: 50,
                    color: indicatorDataList[index].color,
                  ),
                  Text(indicatorDataList[index].text),
                  Text(
                    indicatorDataList[index].value.toString(),
                  ),
                ],
              ),
            );
          },
        ),
      );
    }
  </code></pre>