nuke-biz-list-swipe-item

• category: BizComponent
• chinese: listView子组件用于实现左右滑动
• type: 基本

---

注意

• 在该组件中添加id等同于为cell添加key，可以优化列表的重绘效率，同时滑块的自动隐藏也依赖于id

• 仅在weex环境下有效，H5将降级禁止滑动。

• 手势组件在android低端机型下会存在卡顿，建议在android机采用长按触发实现交互。

• 为防止左滑返回工作台，千牛端需使用sdk禁止返回，详情见示例demo。

API

参数	说明	类型	默认值
onPress	点击触发事件	func	()
longPress	长按触发事件,ios无法再长按状态下进行滑动，仅在disabledSwipe状态下可触发长按事件	func	()
style	list item点击区域外观	object	{}
itemStyle	list item滑块外观	object	{}
rightBtn	右侧滑动出现的列表	array	[]
leftBtn	左侧滑动出现的列表	array	[]
indent	滑动回弹距离	number	100
id	当前item的唯一标识，建议指定	string
expand	滑块展开的回调	function	(e)
threshold	自动收回的阈值	number	0.5
disabledSwipe	禁用左右滑动	bool	false
deleteAnimation	移除item的动画效果[todo]	string	default、none
insertAnimation(string)	插入item的动画效果[todo]	string	default、none

• rightBtn | leftBtn 的内容需满足

let rightBtn = [{
    id: '按钮1的唯一标识',
    text: '按钮1内的文字内容',
    style:{
        height:80,  // 不设置height，则自适应按钮高度
        backgroundColor:'#ffffff'
    },
    textStyle:{
        color:'black'
    }
    onPress: (e,item)=>{console.log('delete1!');},
}, {
    id: '按钮2的唯一标识',
    text: '按钮2内的文字内容',
    style:{
        height:80,
        backgroundColor:'#ffffff'
    },
    textStyle:{
        color:'black'
    }
    onPress: ()=>{console.log('delete1!');},
}]

使用细节请参考：docs/basic.md || docs/advance.md

注意

本组件依赖于aliweex最新expressBinding新特性，低于5.8.7的IOS千牛及手淘iOS 6.4.0``天猫 iOS 5.30.1 手淘 Android 6.3.0`` 天猫 Android 5.28.1无法拖拽，只能通过disable拖拽改为长按降级。较低端的android手机同时会存在拖拽效果不理想的情况，建议通过平台判断进行降级处理。