代码之家  ›  专栏  ›  技术社区  ›  Shubhamhackz

为什么横轴突出不在flex、row和column中工作?

  •  0
  • Shubhamhackz  · 技术社区  · 5 年前
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text(
              'Flutter Demo'
            ),
          ),
          body: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Text(
                'Hell World!'
              )
            ],
          )
        );
      }
    }
    

    文本为何 Hell World 只能水平居中,不能垂直居中 CrossAxisAligment .

    是因为这个吗? Issue

    1 回复  |  直到 5 年前
        1
  •  3
  •   Rémi Rousselet    5 年前

    Row 默认情况下,不要占用所有可用的垂直空间。它只需要所需的空间(但它需要所有的水平空间)。

    强制行垂直扩展应该做到这一点:

    body: SizedBox.expand(
      child: Row(...),
    ),