Flutter ElevatedButton 样式

 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), // 阴影值
      ),
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容