Flutter - Camera Add Overlay

Question

Я хотел бы добавить полупрозрачный 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();
  }

Есть идеи, как добавить такое наложение? Будет ли работать .gif?

Дополнительный вопрос - как просто добавить одну горизонтальную красную линию в предварительный просмотр? Спасибо!

Answer 1

Используйте Стек Виджет, чтобы увеличить изображение на экране предварительного просмотра камеры

 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",),) ),
         ]);