无效原因:
因为官方文档有两属性没写,我们也没写,导致不生效
1.maxDistance 滑块最大滑动距离,一般是按钮个数乘以按钮宽度
2.areaWidth 组件宽度 (如果不引用导致组件占位宽度为0,页面不显示)
注意:
这里option
里面的width
必须用px
,如果用rpx
在不同设备会有ui问题,maxDistance=两个option的width长度
,maxDistance
为number
类型.
正确代码:
<AtSwipeAction
maxDistance={140} // 按钮宽度 * 个数
areaWidth={Taro.getSystemInfoSync().windowWidth * 1} //动态获取不同设备宽度
autoClose //点击按钮自动关闭
onClick={(option, btnIndex) => { }} //点击取消 删除按钮后触发,一参是当前点击的option项 二参是按钮的索引 0 1
options={[
{
text: '取消',
style: {
justifyContent: 'center',
width: '70px',
padding: 0,
}
},
{
text: '删除',
style: {
justifyContent: 'center',
width: '70px',
padding: 0,
}
}
]}>
<View>
我是内容
</View>
</AtSwipeAction>