Angular issues about nativescript-pager HOT 9 CLOSED

For a quick fix as @sean-perkins mentioned you can call _initNativeViewPager() from the page instance to fix the initial load problem

from nativescript-pager.

Yes a temp solution 😊

from nativescript-pager.

Fixed in v7

from nativescript-pager.

@triniwiz but it's a temporal solution, right? @sean-perkins can you paste your solution here to help others with the same issue? thanks guys!

from nativescript-pager.

I lost the temporal solution of @sean-perkins 🙈

from nativescript-pager.

For the moment the solution is using a ng-container with an Observable array:

<ng-container *ngIf="(images | async)?.length > 0">
    <Pager [items]="images | async" #pager class="pager">
        <ng-template pagerItemTemplate let-i="index" let-item="item">
            <GridLayout class="pager-item" rows="auto, *" columns="*" backgroundColor="red">
                <Label [text]="item.title"></Label>
                <Image row="1" [src]="item.image"></Image>
            </GridLayout>
        </ng-template>
    </Pager>
</ng-container>

We can convert a regular array to an observable using:

import { of } from 'rxjs/observable/of'
...
images: Observable<any[]>
ngOnInit() {
  let images = []
  this.images = of(images)
}

Thanks guys and thank you so much @sean-perkins for your help!

from nativescript-pager.

Guys, by the other hand... My app is crashing when I use the following configuration from the template:

[selectedIndex]="currentPagerIndex" (selectedIndexChange)="onIndexChanged($event)"

Let me know what you think, thanks in advance! 👍

from nativescript-pager.

For the moment I'm using a variable loadingImages with the ng-container to reload the component, because the selectedIndex doesn't work

from nativescript-pager.

Woww thanks @triniwiz, let me check! 👍

from nativescript-pager.