flutter - 无法居中对齐列小部件子项

Question

我想将我的 Column 的子部件与横轴的中心对齐。我尝试使用 Column 的 crossAxisAlignment 属性来执行此操作，但它不起作用。我怎样才能解决这个问题？

 @override Widget build(BuildContext context) {

    Container buttonView = Container(
          padding: EdgeInsets.only(top: 30.0, left: 35.0, right: 35.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,

            children: <Widget>[

          DropdownButton<String>(
           ...
            ),
              SizedBox(height: 20.0),
              DropdownButton<String>(
         ...
        ],
      ));

    return Scaffold(

      body: buttonView,
    );
  }

Answer 1

你应该尝试ma​​inAxisAlignment: MainAxisAlignment.center，下面是快照，

    @override Widget build(BuildContext context) {

  Container buttonView = Container(
      padding: EdgeInsets.only(top: 30.0, left: 35.0, right: 35.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,  // <---- try this property

        children: <Widget>[

      DropdownButton<String>(
       ...
        ),
          SizedBox(height: 20.0),
          DropdownButton<String>(
     ...
    ],
  ));

return Scaffold(

  body: buttonView,
  );
}