Miután elolvastam az összes kapcsolódó bejegyzést a StackOverFlow-ban és más webhelyeken, beleértve az Ionic dokumentációt is, nem tudom működésre bírni. Megpróbáltam megismételni ugyanazt, így jelenleg ez van:
Az app.module.ts fájlban
import { PhotoViewer } from '@ionic-native/photo-viewer/ngx';
és
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
providers: [
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
PhotoViewer
],
bootstrap: [AppComponent]
})
export class AppModule {}
itt: 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');
}
}
és a kezdőlapon.page.ts
<ion-content padding>
<img src="../assets/baluarte.jpg" (click)="openImage()"/>
<ion-button (click)="openImage()">View</ion-button>
</ion-content>
Azt szeretném elérni, hogy megjelenjen a kép, és amikor rákattintok, az Ionic megemlíti a képét teljes képernyőn, és képes pásztázni, nagyítani és megosztani a képet. De én is megpróbálom. ideje, hogy legyen egy gomb ugyanazzal a funkcióval, csak hogy megbizonyosodjunk arról, hogy a hiba nem látható a képen.
Belül is
this.photoViewer.show(''../assets/baluarte.jpg');
URL-lel is próbálkozom, mert nem vagyok benne biztos, hogy működik a helyi fájllal, de szintén nem működik
this.photoViewer.show('https://images.app.goo.gl/cW8jBeX33H9GKAon9.jpg')
A végső célom egy helyi fájl használata.
PS: Természetesen telepítettem
ionic cordova plugin add com-sarriaroman-photoviewer
npm install @ionic-native/photo-viewer
Köszönöm a támogatást