Flutter Visibility Widget

Opacity Widget

一个可以让子控件透明度发生变化的控件.

构造函数说明

const Opacity({
    Key? key,
    required this.opacity,//透明度,
    this.alwaysIncludeSemantics = false,
    Widget? child,
  })

• opacity:设置透明度,当设置为0时,子控件不可见,在屏幕上不占用空间,但是仍然在Widget Tree中.
  当opacity的值不在[0,1]之间,子控件先会绘制到缓冲区,然后在绘制到屏幕.

• alwaysIncludeSemantics:当该值设置为true,并且opacity=0时,虽然子控件不可见,但是在屏幕上会占用子控件大小的空间.

  当[Image]、[Color]使用Opacity设置透明度在[0,1]之间时,使用Image\Color更高效.

	//方案一
    Opacity(
      opacity: 0.5,
      child: Container(
        color: Color.fromRGBO(0, 0, 255, 1),
        width: 60,
        height: 60,
      ),
    )
    //方案二 更高效,切效果和方案一一样
    Container(
      color: Color.fromRGBO(0, 0, 255, 0.5),
      width: 60,
      height: 60,
    )