来自n @ studio / nativescript-camera-plus的PhotoCapturedEvent不起作用

如何解决来自n @ studio / nativescript-camera-plus的PhotoCapturedEvent不起作用

我正在尝试解决使用nativescript angular开发的android应用程序上的错误。我使用@ nstudio / nativescript-camera-plus拍照,裁剪等。问题是在拍照时调用的PhotoCapturedEvent事件在android 10上不起作用(关联方法中的console.log没有出现在终端上),我也不明白为什么。

以下(我希望)代码中的相关部分:

html部分

<StackLayout>
  <ActionBar
    [title]="mode === 'Simple' ? i18nMode('simple') : i18nMode('multiple')"
    class="app-action-bar"
    class="ABPhoto"
  >
    <!-- [title]="mode === 'Simple' ? {{ 'photo.takePicture.mode.simple' | L }} : {{ 'photo.takePicture.mode.multiple' | L }}" -->
    <NavigationButton
      text=""
      android.systemIcon="ic_menu_back"
      (tap)="goBack()"
      class="buttonBack"
    ></NavigationButton>
  </ActionBar>

  <GridLayout rows="*,8000*,1000*" class="GDPhoto">
    <StackLayout
      #SLCam
      row="1"
      class="SLCameraPlus"
    >
      <StackLayout
        [width]="camWidth"
        [height]="camHeight"
      >
        <CameraPlus
          class="cameraElement"
          row="0"
          class="camScreen"
          debug="false"
          galleryPickerMode="single"
          showFlashIcon="true"
          showToggleIcon="true"
          showCaptureIcon="true"
          showGalleryIcon="true"
          (loaded)="camLoaded($event)"
          (toggleCameraEvent)="toggleCameraEvent($event)"
          (photoCapturedEvent)="photoCapturedEvent($event)"
          (errorEvent)="errorEvent($event)"
          (imagesSelectedEvent)="imagesSelectedEvent($event)"
        >
        </CameraPlus>
      </StackLayout>
    </StackLayout>
    <GridLayout row="2" columns="*,2*,*" class="bottomBar">
      <GridLayout rows="*,*" columns="*,*" col="0" row="0">
        <Label
          [ngStyle]="{ color: mode === 'Multiple' ? '#3789ab' : 'white' }"
          row="1"
          [text]="'\ue413'"
          (tap)="switchMode()"
          col="1"
          class="mdi switchMode"
        ></Label>
      </GridLayout>

      <Button
        [text]="'\ue3af'"
        (tap)="takePicFromCam()"
        col="1"
        class="mdi"
        id="takePhoto"
      ></Button>

      <GridLayout
        *ngIf="mode === 'Multiple'"
        class="GDsendPhotos"
        row="0"
        (tap)="toPreview()"
        id="toMultiplePhoto"
        col="2"
        VerticalOptions="Center"
        [isEnabled]="photoService.atLeastOnePhoto()"
      >
        <AbsolutLayout>
          <Label
            top="20"
            class="numberPhotos"
            verticalAlignement="center"
            [text]="photoService.getNbTot()"
            [opacity]="photoService.atLeastOnePhoto() ? 1 : 0.2"
          ></Label>

          <Image
            top="20"
            class="iconSend"
            verticalAlignement="center"
            src="res://ic_send_white"
            [opacity]="photoService.atLeastOnePhoto() ? 1 : 0.2"
          ></Image>
        </AbsolutLayout>
      </GridLayout>
    </GridLayout>
  </GridLayout>
</StackLayout>

打字稿部分

/**
   * Function automatically called when a photo is captured.
   * @param {any} e - the event
   */
public async photoCapturedEvent(e: any) {
    console.log("Je suis passé par là photoCapturedEvent");
    //console.log("PHOTO CAPTURED EVENT!!!");
    let path=e.data.android;
    if (isAndroid){
      this.pathCaptureAndroid=e.data.android;
      await this.loadImageFromGallery();
    } else {
      await this.loadImage(e.data as ImageAsset);
    }
    console.log("Je suis passé par là photoCapturedEvent milieu");
    if (this.mode === "Simple") {
      let pathF = await this.savePhoto();
      if (fsa.FileSystemAccess.prototype.fileExists(pathF)) {
        console.log("Je suis passé par là photoCapturedEvent un peu plus loin");
        this.photoService.finished = true;
        this.photoService.pathes.push(pathF);
        console.log("Je suis passé par là Ouverture du Cropping");
        this.cropp.emit();
      } else {
        //console.log("CROPPING CANCELED");
      }
    } else {
      this.photoService.pathes.push(await this.savePhoto());
    }
  }

/**
private async loadImageFromGallery() {
    // var photoFolder : fs.Folder = fs.Folder.fromPath(android.os.Environment.getExternalStorageDirectory().getAbsolutePath() + "/skinvoices/lastInvoice");
    // this.delay(20);
    // const pic = photoFolder.getFile("lastInvoice.jpg");
    console.log("Je suis passé par là loadImageFromGallery");
  
    this.imageSource = new ImageSource();
    this.imageSource = ImageSource.fromFileSync(this.pathCaptureAndroid);
  }

   /**
     * load the image taken when takePicFromCam was called and put it in this.imageSource.
     */
private async loadImage(imageAsset: ImageAsset) {

    if (imageAsset) {
      this.imageSource = new ImageSource();
      this.imageSource = await this.imageSource.fromAsset(imageAsset);
      
    } else {
      alert("Image Asset  was null");
      this.imageSource = null;
    }
  }

/**
     * Take a picture of what you see in the <CameraPlus>.
     */
public takePicFromCam(): void {
    console.log("Je suis passé par là takePicFromCam");
      this.cam.confirmPhotos = false;
      this.cam.debug = false;
      let outputret = this.cam.takePicture({
        confirm: false,saveToGallery: true,keepAspectRatio: true,autoSquareCrop: false,confirmRetakeText: "Hello",confirmSaveText: "GoodBye"
      });
      console.log("nouvelle photo: ",outputret);
      //this.photoCaptured
      
  }

takePicFromCam()中的console.log运行正常。我找不到有关不推荐使用的方法或其他方法的消息,因此,如果有人有想法,我要感谢他。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-