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