Ionic4 - PhotoViewer не работает, кроме следующих примеров и документации. Изображение не отображается - PullRequest
2 голосов
/ 17 января 2020

После прочтения всех связанных постов в 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

Спасибо за поддержку

...