ElevatedButton长度铺满屏幕的奇怪问题

今天，添加ElevatedButton的时候，发现button总是铺满左右满屏的长度，无论怎么设置都没有用，偶然加了一个alignment: Alignment.bottomCenter在Container里面，居然就正常了，太奇怪了的问题。分享记录一下。

 

 

 

Container(

            alignment: Alignment.bottomCenter, //添加这一行后，button就不会铺满左右满屏了

            child: ElevatedButton(

              style: ButtonStyle(

                textStyle: MaterialStateProperty.all(TextStyle(fontSize: 16)),

                backgroundColor: MaterialStateProperty.all(Color(0xFFAE85F0)),

                foregroundColor: MaterialStateProperty.all(Color(0xFF4B1BCF)),

                side: MaterialStateProperty.all(

                    BorderSide(width: 2, color: Color(0xFF4EA5DF))),

                shadowColor: MaterialStateProperty.all(Colors.grey),

                elevation: MaterialStateProperty.all(15),

                shape: MaterialStateProperty.all(StadiumBorder(

                    side: BorderSide(

                  //设置 界面效果

                  style: BorderStyle.solid,

                  color: Color(0xffFF7F24),

                  width: 20,

                ))),

              ),

              onPressed: () {

                Navigator.pushNamed(context, '/upgrade');

              },

              child: Text("检测新版本"),

            ),

          ),