- 当前 Bug 的表现(可附上截图)
当前在预览模式运行比较稳定,但真机调试时movable-view会发生不稳定和跳动的现象
- 预期表现
预期一拖动movable-view 则其放大至1.6倍,拖动到范围内时则锁定到预定位置(x=139,y=245),否则movable-view恢复1倍大小且返回初始位置(x=0,y=0)。
- 复现路径
- 提供一个最简复现 Demo
<view class="section">
<movable-area style="height: 570px; width: 360px; background: red;">
<image style="height: 570px; width:360px"mode="aspectFit"src="../../icons/13.png"></image>
<movable-view style="height: 50px; width: 50px; background:;" x="{{x}}" y="{{y}}" bindtap="tap"direction="all"damping="40"bindchange="onChange" bindscale="onScale"scale scale-min="0.5" scale-max="4"scale-value="{{c}}">
<image style="height: 50px; width:50px"mode="aspectFit"src="../../icons/11.png"></image>
</movable-view>
</view>
data: {
x: 0,
y: 0,
a: 155,
b: 0,
c:1
},
tap: function (e) {
this.setData({
c:1.6
});
},
onChange: function (e) {
console.log(e.detail)
if (e.detail.x > 130 && e.detail.x < 150 && e.detail.y > 220 && e.detail.y<280) {
this.setData({
x: 139,
y: 245,
c:1.6
});
}
else
{
this.setData({
x: 0,
y: 0,
c:1
});
}
},
用小程序段监测监测movable-view 拖动的位置,判断坐标在130<x<150,220<y<280时,则movable-view 锁定到(x=139,y=245)的位置,否则则movable-view 返回(x=0,y=0)。在预览模式时可以稳定实现,真机调试时不稳定,movable-view经常来回跳动,且已经进入130<x<150,220<y<280的范围也不锁定。求高手帮忙分析原因,指出解决方法。
你好,请问你的问题解决了吗?我也遇到同样问题