Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 颤振-相机添加覆盖_Flutter_Dart_Camera - Fatal编程技术网

Flutter 颤振-相机添加覆盖

Flutter 颤振-相机添加覆盖,flutter,dart,camera,Flutter,Dart,Camera,我想添加一个半透明的png/assets/overlay.png作为CameraPreview的覆盖,这样用户就可以了解他们需要拍摄什么,但我很难做到。下面是当前CameraPreview的纯代码 Widget _buildCameraPreview() { if (_controller != null && _controller.value.isInitialized) { return Column( mainAxisSize:

我想添加一个半透明的png
/assets/overlay.png
作为CameraPreview的覆盖,这样用户就可以了解他们需要拍摄什么,但我很难做到。下面是当前CameraPreview的纯代码

    Widget _buildCameraPreview() {
    if (_controller != null && _controller.value.isInitialized) {
      return Column(
        mainAxisSize: MainAxisSize.max,
        children: <Widget>[
          _buildImages(),
          Expanded(
            child: Card(
              elevation: 10,
              child: Padding(
                padding: const EdgeInsets.all(2.0),
                child: AspectRatio(
                  aspectRatio: _controller.value.aspectRatio,
                  child: CameraPreview(_controller),
                ),
              ),
            ),
          ),
        ],
      );
    }
    return FittedBox();
  }
Widget\u buildCameraPreview(){
if(_controller!=null&&u controller.value.isInitialized){
返回列(
mainAxisSize:mainAxisSize.max,
儿童:[
_buildImages(),
扩大(
孩子:卡片(
标高:10,
孩子:填充(
填充:常数边集全部(2.0),
孩子:AspectRatio(
aspectRatio:_controller.value.aspectRatio,
子项:CameraPreview(_控制器),
),
),
),
),
],
);
}
返回FittedBox();
}
有没有关于如何添加这样一个覆盖层的想法?gif也可以吗

附加问题-如何仅在预览中添加一条水平红线?
谢谢

使用堆栈小部件在相机预览屏幕上覆盖图像

 Stack(children: <Widget>[
                     Transform.scale(
                              scale: _controller.value.aspectRatio / deviceRatio,
                              child: Center(
                                child: AspectRatio(
                                  aspectRatio: _controller.value.aspectRatio,
                                  child: CameraPreview(_controller),
                                ),
                              )),

            Align( alignment: Alignment.bottomCenter,
                     child: Image( image: new AssetImage( "assets/overlay.png",),) ),
         ]);
堆栈(子项:[
变换比例(
比例:_controller.value.aspectRatio/deviceRatio,
儿童:中心(
孩子:AspectRatio(
aspectRatio:_controller.value.aspectRatio,
子项:CameraPreview(_控制器),
),
)),
对齐(对齐:对齐.bottomCenter,
子项:图像(图像:新资产图像(“assets/overlay.png”,),),
]);

非常感谢Navin。我能用你的意见解决这个问题。