style: ButtonStyle(
// backgroundColor: MaterialStateProperty.all(Color(0xffEDFCF5)),//背景颜色
// foregroundColor: MaterialStateProperty.all(Color(0xff31C27C)), //字体颜色
overlayColor: MaterialStateProperty.all(Color(0xff31C27C)),
// 高亮色
shadowColor: MaterialStateProperty.all(Colors.red),
// 阴影颜色
textStyle: MaterialStateProperty.all(TextStyle(fontSize: 6)),
// 字体
//高亮:字体颜色
side: MaterialStateProperty.all(BorderSide(width: 1, color: Color(0xffffffff))),
// 边框圆角效果。
// shape: MaterialStateProperty.all(StadiumBorder(side: BorderSide(style: BorderStyle.solid))),
// 圆形。
// shape: MaterialStateProperty.all(CircleBorder(
// side: BorderSide(
// //设置 界面效果
// color: Colors.green,
// width: 280.0,
// style: BorderStyle.none))),
// 菱形1
// shape: MaterialStateProperty.all(BeveledRectangleBorder(borderRadius: BorderRadius.circular(8))),//菱形
shape: MaterialStateProperty.all(BeveledRectangleBorder(borderRadius: BorderRadius.circular(18))),//菱形
elevation: MaterialStateProperty.all(3), // 阴影值
),
Flutter ElevatedButton 样式
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- [ElevatedButton介绍] (https://blog.csdn.net/qq_41619796/art...
- 颜色的单位 red,green,blue为三原色,简称rgb(r,g,b) 0(最小数值)—255(最大数值) ;...
- 1. 样式设置 1.1 创建样式 1.2 Style 结构体 成员说明Border :边界Fill :填充色Fon...
- 1. 选择器 1.1 id 选择器 语法 用 "#标签名" 定义 示例 显示结果image.png 1.2 cla...