页面抖动调试过程
最后更新于
最后更新于
(大家)看这页面切换的时候
这个按钮明显会抖一下
那还是老套路啊
我们先尝试把这个动画调慢一点
我们先来看一下代码
他用的是transition
然后呢
我也大概看了一下他写的这个 (过渡)样式
大概意思就是这样的
如果这是 a 页面的话
他想让 a 页面往下滑
同时呢变成透明消失掉
然后呢 b 页面这时候从下面往上滑
从透明变成不透明出来
之所以抖动一下我们就可以推断出来
他是这个 a 页面
往下滑这个偏移量设置上了
但是没有应用上动画
我们来看一下为什么
这个呢就是他设置的过渡
这个是新页面
(进来的那个过渡)
这个生效了
但这个没生效(旧页面离开的过渡动画)
后来找了半天仔细一看这块有个错别字
我们先把它改掉哈还没完大家看
虽然不抖了
但是呢还是有问题
有那么一小段的时间里
这两个页面是同时存在
的他看到了吗
所以呢
给人的感觉他还是会有抖动效果
那怎么解决呢
很简单我们就在这
下一个
mode 等于 out-in
意思就是
旧的页面先出去
然后新的页面再进来
如果不设置的话呢
他们俩就是同时发生的
我们再来看一下
没问题了
对吧我们再调慢一点
旧的走新的进来