npm i --save nativescript-swipe-view
- 版本:1.2.1
- GitHub: https://github.com/PeterStaev/nativescript-swipe-view
- NPM: https://npmjs.net.cn/package/nativescript-swipe-view
- 下载
- 昨日: 0
- 上周: 6
- 上个月: 25
NativeScript Swipe View
一个用于创建带有动作的滑动视图的 NativeScript 插件。这主要用于作为 ListView 的条目,为条目添加滑动动作。但也可以用于其他场景
安装
从项目的根目录运行以下命令
tns plugin add nativescript-swipe-view
此命令将自动安装必要的文件,并将 nativescript-swipe-view 存储为项目 package.json 文件中的依赖项。
用法(核心)
<ListView items="{{ items }}">
<ListView.itemTemplate>
<sv:SwipeView>
<sv:SwipeView.leftActionsTemplate>
<StackLayout backgroundColor="blue" color="white" tap="onStar">
<Label text="Star"/>
</StackLayout>
</sv:SwipeView.leftActionsTemplate>
<sv:SwipeView.rightActionsTemplate>
<StackLayout backgroundColor="red" color="white" tap="onDelete">
<Label text="Delete" />
</StackLayout>
</sv:SwipeView.rightActionsTemplate>
<GridLayout backgroundColor="white">
<Label text="{{ value }}" verticalAlignment="center"/>
</GridLayout>
</sv:SwipeView>
</ListView.itemTemplate>
</ListView>
在其他 NativeScript 味道(Angular、Vue 等)中的用法
目前此插件尚未经过测试,也没有为其他 NS 味道提供支持,因为我没有积极使用这些。如果你是这类开发者,我很乐意接受 PR 来支持所有 NS 味道:)
许可证
Apache 许可证版本 2.0,2004 年 1 月