美文网首页
Flutter ElevatedButton 样式

Flutter ElevatedButton 样式

作者: 贝勒老爷 | 来源:发表于2023-03-07 16:40 被阅读0次
     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 样式

          本文链接:https://www.haomeiwen.com/subject/udybldtx.html