После прочтения всех связанных постов в StackOverFlow и других сайтах, включая документацию Ioni c, я не могу заставить это работать. Я попытался повторить то же самое, поэтому в настоящее время у меня есть:
In app.module.ts
import { PhotoViewer } from '@ionic-native/photo-viewer/ngx';
и
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
providers: [
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
PhotoViewer
],
bootstrap: [AppComponent]
})
export class AppModule {}
in home.page.ts
import { PhotoViewer } from '@ionic-native/photo-viewer/ngx';
export class HomePage {
constructor(private photoViewer: PhotoViewer) { }
openImage() {
this.photoViewer.show(''../assets/baluarte.jpg');
}
}
и в home.page.ts
<ion-content padding>
<img src="../assets/baluarte.jpg" (click)="openImage()"/>
<ion-button (click)="openImage()">View</ion-button>
</ion-content>
Чего я хотел бы добиться, так это показать изображение и когда Я нажимаю, как Ioni c упоминает ваше изображение в полноэкранном режиме с возможностью панорамирования, масштабирования и обмена изображением. Но я одновременно пытаюсь иметь кнопку с той же функцией, чтобы быть уверен, что ошибка не в изображении.
Также внутри
this.photoViewer.show(''../assets/baluarte.jpg');
Я пытаюсь также с URL, так как я не уверен, что он может работать с локальным файлом, но он также не работает
this.photoViewer.show('https://images.app.goo.gl/cW8jBeX33H9GKAon9.jpg')
Моя конечная цель - использовать локальный файл.
PS: Конечно, я установил
ionic cordova plugin add com-sarriaroman-photoviewer
npm install @ionic-native/photo-viewer
Спасибо за поддержку