如何运行使用 ionic devapp 的原生相机

Question

我正在尝试运行 Ionic DevApp Ionic DevApp Doc 使用我的 Android 手机，但 Cordova 插件似乎没有正确设置。我不明白为什么即使我做了 $ ionic cordova plugin add cordova-plugin-camera 和 $ npm install --save @ionic-native/camera@beta 任何一行都会添加到我的 config.xml 文件中。我也尝试手动将这一行添加到我的 config.xml 文件

所以当我点击我的按钮（从我的手机）时，它应该触发相机拍照，它什么也没做。

这是我的代码（非常基本的代码）：

home.page.ts:

export class HomePage {
  public image = '';
  public options: CameraOptions;

  constructor(public navCtrl: NavController, public camera: Camera) {
    this.options = {
     quality: 100,
     destinationType: this.camera.DestinationType.FILE_URI,
     encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE
     };
  }

   getPicture() {
    this.camera.getPicture(this.options).then(
      imageData => {
    // imageData is either a base64 encoded string or a file URI
       // If it's base64 (DATA_URL):
          this.image = 'data:image/jpeg;base64,' + imageData;
        console.log('image loaded !');
      },
      err => {
    console.log('handled error !', err);

      // Handle error
     }
);
  }
}

home.page.html:

 <ion-header>
  <ion-toolbar>
    <ion-title>Home</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-img [src]="image"></ion-img>
  <ion-button shape="round" color="primary" (click)="getPicture()">Take 
Picture</ion-button>
</ion-content>

Answer 1

它会给你运行次错误，因为 ionic devapp 无法访问本机功能。事实上，您的 OS 平台仍被识别为 Windows。您需要构建其 apk 并将其安装在您的手机上。或者，您可以在 PC 上使用虚拟设备。也许喜欢 Android Studio 移动模拟器。

如何运行使用 ionic devapp 的原生相机

How to run native camera using ionic devapp

ionic-framework

ionic4

ionic-devapp

如何 运行 使用 ionic devapp 的原生相机

How to run native camera using ionic devapp

ionic-framework

ionic4

ionic-devapp

如何运行使用 ionic devapp 的原生相机