NativeScript 旋转木马组件

NativeScript 旋转木马组件是一个简单易用的工具,适用于构建 NativeScript 应用程序。

平台支持

  • iOS 版本: iOS 8.1 及以上
  • Android 版本: API 15 及以上

安装

  • 对于 NativeScript 7+:ns plugin add nativescript-carousel
  • 对于低于 NS7 的 NativeScript 版本:tns plugin add nativescript-carousel@6.1.1

组件使用

该组件提供了 itemsitemTemplate 属性,用于自定义旋转木马的内容。

  • items 属性: 用于绑定数据数组,生成幻灯片并应用 bindingContext。如果填充了 items 属性,则必须使用 itemTemplate 属性。
  • itemTemplate 属性: 用于定义每个幻灯片的模板。

局限性

  • iOS: 分页指示器动画不适用于 iOS,仅适用于 Android。
  • Android: 无法使用自动分页和无限分页功能。
  • Android: 旋转木马需要包裹在 GridLayout 中,以使指示器正确地重叠显示。

示例

该组件的演示示例可以在该项目的代码库中找到,演示了如何在不同框架中使用该组件。

folder
nativescript-carousel:用于NativeScript的Carousel组件(iOSAngular + TS,Angular,Vue) 预估大小:280个文件
file
app.gradle 233B
file
app.css 253B
file
04.jpg 142KB
file
app.gradle 358B
file
app.css 247B
file
04.jpg 142KB
file
app.component.html 177B
file
carousel-static.html 2KB
file
items.component.html 550B
file
carousel-static.css 445B
file
carousel-advanced.html 2KB
file
carousel-dynamic.html 2KB
file
ios_carousel.gif 2.09MB
file
android_carousel.gif 1.11MB
file
include.gradle 87B
file
.gitignore 574B
file
app.gradle 344B
file
carousel1.css 383B
file
app.ios.css 201B
file
app.android.css 201B
zip 文件大小:11.2MB