Flutter Column CrossAxisAlignment.center 不居中

Question

我最近遇到了这个问题，使用时

    class _LoginPageState extends State<LoginPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          RaisedButton(onPressed: (){}, child: Text('please'),),
          RaisedButton(onPressed: (){}, child: Text('center'),)
        ],
      ),
    );
  }
}

导致子部件向左对齐

screenshot任何帮助将不胜感激

Answer 1

这是因为 Column 并没有占据所有水平可用空间。你可以这样做:

class _LoginPageState extends State<LoginPage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
             SizedBox(width : double.infinity),
              RaisedButton(onPressed: (){}, child: Text('please'),),
              RaisedButton(onPressed: (){}, child: Text('center'),)
            ],
          ),
        );
      }
    }