Flutter Column CrossAxisAlignment.center not centering

Question

I've been having this issue recently, When Using

    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'),)
        ],
      ),
    );
  }
}

Results in the children widgets aligning to the left

screenshot Any help would be appreciated

Answer 1

This is because Column does not takes all the space available horizontally. You can do it like this :

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'),)
            ],
          ),
        );
      }
    }