Flutter 样式定制透明度

最新推荐文章于 2024-12-16 16:00:33 发布

原创最新推荐文章于 2024-12-16 16:00:33 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

#flutter

Flutter 专栏收录该内容

33 篇文章

订阅专栏

文章介绍了如何使用Flutter的Opacitywidget来改变childwidget的透明度，以及TextButton的样式配置，包括字体颜色、背景色、边框和尺寸等属性的设置。

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))),
            ),