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("检测新版本"),             ),           ),

 

 

标签：ElevatedButton,Container,Color,铺满,满屏,MaterialStateProperty,屏幕
来源： https://www.cnblogs.com/managechina/p/15643391.html