Flutter 样式定制透明度

Posted 2023-02-06 黄毛火烧雪下

Opacity：改变child widget的透明度.

Opacity(
  opacity: ...,
  child: Text("呵呵"),
)

opacity属性的值的范围在0.0到1.0之间。0代表完全透明，1代表完全不透明。 有时候也可以使用Opacity来实现Widget的隐藏与显示。

TextButton样式

tyle: ButtonStyle(
              //字体  这里设置颜色没用
              textStyle:
              MaterialStateProperty.all(TextStyle(fontSize: 36.sp,fontWeight: FontWeight.w700)),
              //字体颜色
              foregroundColor: MaterialStateProperty.all(Colors.white),
              //圆角弧度
              shape: MaterialStateProperty.all(
                  RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(WZP.setRpx(20)))),
              //背景颜色
                backgroundColor: MaterialStateProperty.all(
                    Colors.black),
               //边框
			        side: MaterialStateProperty.all(
			          BorderSide(
			              color: Colors.red,
			              width: 0.67),
			        ),
              //设置按钮的大小
              minimumSize: MaterialStateProperty.all(Size(WZP.setRpx(670), 			WZP.setRpx(120))),
            ),