Nativescript PhotoSlider Extension/Plugin

Question

Есть ли какой-либо плагин или расширение для гладкого photoslider в nativescript? Я пробовал использовать направление проецирования, но хочу добиться плавного эффекта скольжения на фотографиях. Спасибо :)

Answer 1

Вы хотите горизонтальный слайдер, где пользователь может перемещать изображения со стороны?

Если это так, будет работать простой ScrollView.

<Page> 
<ScrollView orientation="horizontal"> 
    <Image src="~/image1.png" /> 
    <Image src="~/image2.png" /> 
    <Image src="~/image3.png" /> 
    <Image src="~/image4.png" /> 
</ScrollView> 
</Page> 

см также документация ScrollView: https://docs.nativescript.org/ApiReference/ui/scroll-view/HOW-TO.html

Answer 2

Вы можете использовать Жест для этого процесса

import { SwipeGestureEventData } from "ui/gestures"; 
export class XXX{ 
public direction: number; 
private images:any[] = ["image url", "image url","image url","image url"]; 
public current_image; 
private image_lenght; 
private current_image_count=0; 

constructor() { 
    this.image_lenght = this.images.length; 
    this.current_image = this.images[this.current_image_count]; 
} 

private onSwipe(args: SwipeGestureEventData) { 
     direction = args.direction; 
    /*left to right direction = 1 
    right to left direction = 2 
    top to bottom direction = 8 
    bottom to top direction = 4*/ 


    switch (this.direction) { 
     case 1: 
      if(this.current_image_count != 0) 
       this.current_image_count --; 
      break; 

     case 2: 
      if(this.current_image_count < (this.image_lenght) -1) 
       this.current_image_count ++; 
      break; 

     case 4: 
      // code... 
      break; 

     case 8: 
      // code. 
      break; 


     default: 
      // code... 
      break; 
    } 

    this.current_image = this.images[this.current_image_count]; 
    } 
} 

для получения дополнительной информации о жесте в Nativescript углового refer here