如何在屏幕下方显示从Camera Plus插件拍摄的图像

时间:2019-06-02 13:46:03

标签: nativescript nativescript-plugin

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

为此,我正在尝试名为“照片捕获的事件”的事件,并意识到该事件本身未触发。我只是在其中放了一条警报消息,并确认它不起作用。下面是示例代码段,有关完整的解决方法,请转到此链接 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

1 个答案:

答案 0 :(得分:2)

这是因为您没有指出正确的方法。应该是

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