title: Flutter - widgets don't align correctly in row
body: <p>How can I place the <strong>HOME</strong> widget in the left side of each green box and the <strong>SEARCH ICON</strong> on the right.</p>
  <p><a href="https://i.stack.imgur.com/eMw2u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eMw2u.png" alt="enter image description here" /></a></p>
  <p>I tried using <code>mainAxisAlignment: MainAxisAlignment.spaceBetween,</code>But only pushing it to the middle of the container.</p>
  <pre><code>import 'package:flutter/material.dart';
  
  class Habits extends StatelessWidget {
    const Habits({Key? key}) : super(key: key);
  
    @override
    Widget build(BuildContext context) {
      return Padding(
        padding: EdgeInsets.only(left: 20.0, right: 20.0, top: 20.0),
        child: Container(
          decoration: BoxDecoration(
            color: Colors.green[200],
            borderRadius: BorderRadius.circular(12),
          ),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Padding(padding: EdgeInsets.all(20)),
              Text('Home'),
              Icon(Icons.search),
            ],
          ),
        ),
      );
    }
  }
  
  
  </code></pre>