如何在颤动中制作圆形相机预览

Question

My Goal is to create Circle Shape with the Camera Preview. I tried setting a Container with Boxshape.circle and a Child : The CameraPreview(). But it didn't work. So i tried setting The CameraPreview() in a CircleAvatar(), but it didn't work too. Does anyone have a Solution?

Answer 1

Wrap the camera preview with a ClipRRect with its border-radius property defined to determine the curvature of the rounded corners:

ClipRRect(
      borderRadius: BorderRadius.only(
        topLeft: Radius.circular(8.0),
        topRight: Radius.circular(8.0),
        bottomRight: Radius.circular(8.0),
        bottomLeft: Radius.circular(8.0),

      ),
      child: AspectRatio(
        aspectRatio: 1,
        child: CameraPreview(controller),

      ),
    )

Answer 2

My Goal is to create Circle Shape with the Camera Preview

CameraPreview (from the Flutter Camera package) provides a series of images (or video). And images can be shaped with clipping (such as ClipRect , ClipRRect , ClipOval , or ClipPath ).

For a "Circle Shape" you can use ClipOval as seen in the code below:

ClipOval(
  child: CameraPreview(controller)
)