build method

@override Widget build(BuildContext context)

构建毛玻璃效果 Widget。

返回: 一个包含高斯模糊效果和装饰的 Widget。

Implementation

@override
Widget build(BuildContext context) {
  return Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(radius!),
    ),
    child: ClipRRect(
      borderRadius: BorderRadius.circular(radius!),
      child: BackdropFilter(
        filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0), // 毛玻璃效果
        child: Container(
          decoration: BoxDecoration(
            color: color!.withOpacity(opacity!), // 半透明效果
            borderRadius: BorderRadius.circular(radius!),
            border: Border.all(
              width: 2.0,
              style: BorderStyle.solid,
              color: borderColor!, // 边框颜色
            ),
          ),
          child: child,
        ),
      ),
    ),
  );
}