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