Flutter中间镂空的二维码扫描控件

本文主要是介绍Flutter中间镂空的二维码扫描控件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 1、UI效果图：

2、中间镂空UI：

class CenterTransparentMask extends CustomClipper<Path> {final double? width;CenterTransparentMask({this.width});@overridePath getClip(Size size) {final path = Path()..addRect(Rect.fromLTWH(0, 0, size.width,size.height + MediaQuery.of(Get.context!).padding.bottom))..addRect(Rect.fromLTWH((size.width - (width ?? 200)) / 2,(size.height +MediaQuery.of(Get.context!).padding.bottom -(width ?? 200)) /2,width ?? 200,width ?? 200));return path..fillType = PathFillType.evenOdd; }@overridebool shouldReclip(CustomClipper<Path> oldClipper) {return false;}
}

3、扫码UI：

class ScanWid

这篇关于Flutter中间镂空的二维码扫描控件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---