title: Flutter RenderFlex overflowed by 15 pixels on the right inside Column Widget
body: <p>I created a custom ListTile which should have two score centered in the middle and information on the left and right of this (<a href="https://i.stack.imgur.com/6daCP.png" rel="noreferrer">screenshot</a>).</p>
  
  <p>The information on the left can have arbitrary length and should use TextOverflow.ellipsis when it's too long.
  I cannot get this to work since the Text does not seem to know the width it is supposed to have and overflows.
  I have tried wrapping the Text widgets into SizedBox, Expanded, etc. This has not worked.</p>
  
  <pre><code>    flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
      flutter: The following message was thrown during layout:
      flutter: A RenderFlex overflowed by 15 pixels on the right.
      flutter:
      flutter: The overflowing RenderFlex has an orientation of Axis.horizontal.
      flutter: The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
      flutter: black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
      flutter: Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
      flutter: RenderFlex to fit within the available space instead of being sized to their natural size.
      flutter: This is considered an error condition because it indicates that there is content that cannot be
      flutter: seen. If the content is legitimately bigger than the available space, consider clipping it with a
      flutter: ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
      flutter: like a ListView.
      flutter: The specific RenderFlex in question is:
      flutter:   RenderFlex#c64e4 relayoutBoundary=up11 OVERFLOWING
      flutter:   creator: Row ← Expanded ← Row ← Column ← ConstrainedBox ← Container ← Listener ← _GestureSemantics
      flutter:   ← RawGestureDetector ← GestureDetector ← InkWell ← ScopedModelDescendant&lt;BaseballModel&gt; ← ⋯
      flutter:   parentData: offset=Offset(0.0, 0.0); flex=1; fit=FlexFit.tight (can use size)
      flutter:   constraints: BoxConstraints(w=143.0, 0.0&lt;=h&lt;=Infinity)
      flutter:   size: Size(143.0, 70.0)
      flutter:   direction: horizontal
      flutter:   mainAxisAlignment: start
      flutter:   mainAxisSize: max
      flutter:   crossAxisAlignment: center
      flutter:   textDirection: ltr
      flutter:   verticalDirection: down
      flutter: ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
  </code></pre>
  
  <p>My Code is the following:</p>
  
  <pre><code>@immutable
  class GameTile extends StatelessWidget {
    final Game game;
    Color highligtColor = Colors.red;
  
    GameTile({this.game});
  
    @override
    Widget build(BuildContext context) {
      return InkWell(
        child: Container(
          height: 70.0,
          child: Column(
            children: &lt;Widget&gt;[
              Row(
                children: &lt;Widget&gt;[
                  Expanded(
                    child: Row(
                      children: &lt;Widget&gt;[
                        Container(
                          width: 8.0,
                          height: 70.0,
                          color: highligtColor,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 15.0),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: &lt;Widget&gt;[
                              Text(
                                game.awayTeam.name,
                                overflow: TextOverflow.ellipsis,
                              ),
                              Text(
                                game.homeTeam.name,
                                overflow: TextOverflow.ellipsis,
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(left: 8.0, right: 8.0),
                    child: Column(
                      children: [
                        Text(
                          game.awayRuns,
                          style: TextStyle(fontWeight: FontWeight.w900),
                        ),
                        Text(
                          game.homeRuns,
                          style: TextStyle(fontWeight: FontWeight.w900),
                        ),
                      ],
                    ),
                  ),
                  Expanded(
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: &lt;Widget&gt;[
                        Column(
                            crossAxisAlignment: CrossAxisAlignment.end,
                            children: &lt;Widget&gt;[
                              Text(game.getFormattedDate()),
                              Text(game.getFormattedTime()),
                            ]),
                        Padding(
                          padding: EdgeInsets.only(left: 8.0, right: 10.0),
                          child: Container(),
                        )
                      ],
                    ),
                  )
                ],
              )
            ],
          ),
        ),
      );
    }
  }
  </code></pre>