android-camera - Flutter 相机叠加层

Question

我一直在为即将到来的项目做一些研究，并希望在自定义形状/半透明 img 后面渲染相机 View ，以在拍照时充当指南。

有谁知道解释如何做到这一点的 flutter 相机插件或教程？

Answer 1

您可以使用 Flutter 团队的相机插件进行 Flutter。

https://pub.dartlang.org/packages/camera

然后将您的图像和相机 View 放置在 Stack Widget 中，如下所示:

return new Stack(
  alignment: FractionalOffset.center,
  children: <Widget>[
    new Positioned.fill(
      child: new AspectRatio(
          aspectRatio: controller.value.aspectRatio,
          child: new CameraPreview(controller)),
    ),
    new Positioned.fill(
      child: new Opacity(
        opacity: 0.3,
        child: new Image.network(
          'https://picsum.photos/3000/4000',
          fit: BoxFit.fill,
        ),
      ),
    ),
  ],
);