如何在Flutter中创建图片区域？

Question

在他们的示例https://flutter.dev/docs/cookbook/plugins/picture-using-camera中，我们可以使用相机插件拍照。 我修改了代码并将其移到单独的小部件中。我的主要目标是尝试实现图片区域（如QRCode样式）并拍摄图片，并在必要时告诉用户整合图片，否则我的be app将自动执行此操作。有一个条形码扫描插件。它显示了扫描条形码的区域。我喜欢实现该部分以拍摄项目图片。

https://codecanyon.net/item/qr-code-barcode-scanner-and-generator-for-ios-swift-with-admob/screenshots/20280521?index=1屏幕截图2在4个边缘上有一个4个半方括号。我喜欢使其相似，但仅捕获图像。

我是这个插件和公司创意的新手。如何在Flutter中创建图片区域，以便用户可以将项目放在该区域的中心并拍照。？

Widget _buildPictureArea(BuildContext context) {
  return new Container(
    width: 200,
    height: 200,
    child: FutureBuilder<void>(
      future: _initializeControllerFuture,
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.done) {
          // If the Future is complete, display the preview
          return CameraPreview(_controller);
        } else {
          // Otherwise, display a loading indicator
          return Center(child: CircularProgressIndicator());
        }
      },
    ),
  );
}