如何在屏幕正下方显示从相机加插件拍摄的图像

Question

我正在尝试在屏幕正下方显示从相机和插件拍摄的图像。

为此，我正在尝试名为 'photo Captured Event' 的事件并意识到事件本身并未被触发。我只是在其中放了一条警告消息并确认它不起作用。下面是示例片段，要获得完整的解决方法，请转到此 link https://play.nativescript.org/?template=play-js&id=nvIlTl&v=3

CameraPlus.on(nativescript_camera_plus.CameraPlus.photoCapturedEvent, args => {
    fromAsset(args.data).then(result => {
      pic.src = result;
      alert(result);
    });
  });

<GridLayout rows="*,auto" class="home-panel">
        <Cam:CameraPlus row="0" id="camPlus" saveToGallery="true"
            showCaptureIcon="true" showGalleryIcon="true" showToggleIcon="true"
            showFlashIcon="true" debug="true">
        </Cam:CameraPlus>

        <Image row="1" height="150" id="img_taken_id" src="{{ img_taken }}" />
</GridLayout>

首先，我需要知道为什么没有收到警报消息？其次，我需要显示未存储在本地的图像？

重要说明：我正在为 'android' 而不是 IOS

尝试此操作

Answer 1

那是因为你没有指向正确的方法。应该是，

let ImageSourceModule = require('tns-core-modules/image-source');
.....
.....
ImageSourceModule.fromAsset(args.data).then(result => {
  pic.src = result;
  alert(result);
});

如何在屏幕正下方显示从相机加插件拍摄的图像

How to display image taken from camera plus plugin right below the screen

nativescript

nativescript-plugin