行：右侧溢出的 RenderFlex

Question

使用以下小部件时出现错误

一个 RenderFlex 在右侧溢出了 3.0 像素。

body: Padding(
padding: EdgeInsets.symmetric(horizontal: 24.0),
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        Row(
          children: <Widget>[
            Container(
              child: Image.asset('images/logo.png'),
              height: 60.0,
            ),
            Text(
              'Flash Chat',
              style: TextStyle(
                fontSize: 35.0,
                fontWeight: FontWeight.w900,
              ),
            ),
          ],
        ),
      ],
    ),
),

我试图用 Expanded 包裹该行，但它似乎不起作用。除了减小文本的大小，我们在这里还能做什么？

Answer 1

您可以将 FontWeight 减少到 fontWeight: FontWeight.w700. 不仅是 700，还可以尝试值 100,200,300 等任何合适的值。