带有 nativescript-Angular 2 的图像轮播答案

【问题标题】：Image carousel with nativescript- Angular 2带有 nativescript-Angular 2 的图像轮播
【发布时间】：2017-03-20 14:21:32
【问题描述】：

我需要用 nativescript-angular2 实现一个图像轮播。我查看了大多数插件，它们似乎对我不起作用。实现图像轮播的最佳方法是什么？我需要在我的应用程序上实现类似的东西。

 <StackLayout> 
    .......Image Carousel....... 
      <GridLayout>
          <Button>
          <Button>
          <Button>
          <Button>
      </GridLayout>
    </StackLayout>

【问题讨论】：

标签： nativescript angular2-nativescript

【解决方案1】：

如果目标是拥有可滚动的图像，您可以使用 nativescript-telerik-ui 插件中的 RadListView。该组件是免费的，并提供多种功能，用于在所有方向、不同布局（堆栈、带列的网格等）中显示带有自定义模板的“项目”，它具有按需加载、拉动刷新等功能。

Here是该组件的官方文档，你也可以找到很多sdk示例here。

【讨论】：

【解决方案2】：

这里有一些我认为您正在寻找的示例

https://bradmartin.net/2016/05/31/create-horizontal-scrolling-lists-in-nativescript-apps/

http://www.nativescriptsnacks.com/snippets/2016/05/30/horizontal-scroller.html

【讨论】：

如果您没有一堆项目 (10+) 或大图像文件，这是一个很好的解决方案。如果您有许多图像/项目，请使用列表视图，否则 android 会崩溃并烧毁 :) 不确定上面的链接中是否解决了这个问题