我正在尝试遵循本教程,该教程概述了iOS上一个非常简单的相机应用程序。我可以使用ionic build ios
成功构建,并且可以在没有警告或错误的情况下在 XCode 中打开它。我能够部署到我的iPhone 7,虽然它成功显示初始屏幕,但它之后只显示一个空白的白屏。
src/pages/home/home.ts:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {Camera} from 'ionic-native';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
public base64Image: string;
constructor(public navCtrl: NavController) {
this.base64Image = "https://placehold.it/150x150";
}
public takePicture() {
Camera.getPicture({
quality : 75,
destinationType : Camera.DestinationType.DATA_URL,
sourceType : Camera.PictureSourceType.CAMERA,
allowEdit : true,
encodingType: Camera.EncodingType.JPEG,
targetWidth: 300,
targetHeight: 300,
saveToPhotoAlbum: false
}).then(imageData => {
this.base64Image = "data:image/jpeg;base64," + imageData;
}, error => {
console.log("ERROR -> " + JSON.stringify(error));
});
}
}
src/pages/home/home.html:
<ion-header>
<ion-navbar>
<ion-title>
Ionic 2 Camera
</ion-title>
<ion-buttons end>
<button (click)="takePicture()">
<ion-icon name="camera"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding>
<img src="{{ base64Image }}" />
</ion-content>
我的ionic info
输出:
Cordova CLI: 6.5.0
Ionic Framework Version: 2.2.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1
ios-sim version: 5.0.4
OS: macOS Sierra
Node Version: v7.5.0
Xcode version: Xcode 8.2.1 Build version 8C1002
当我在 XCode 中时,我还尝试在 info.plist 的相机/照片隐私密钥中添加注释,但这似乎没有帮助。
尝试使用
ionic serve -l
为了得到控制台.log错误。或者,对于模拟器,您可以在Chrome开发人员工具中使用远程调试