分析的很有道理
自定义导航栏布局跳动问题- 需求的场景描述(希望解决的问题) navigationStyle="custom" 时,在真机环境下页面渲染有跳动。 观察发现初次渲染时 Window 高度为有系统固定导航条的高度,大约100-300毫秒之后才变成没有固定导航条的高度,导致使用 bottom 绝对定位的元素有跳动感。 同时,由于高度变化是发生在组件 ready 事件之后,导致使用 SelectorQuery 测量元素位置和尺寸可能不准确,目前只能使用延迟几百毫秒后再调用 SelectorQuery ,但是,这个高度变化的延迟时间并不可预测,一些情况下延迟 500 毫秒还会出现问题,增加延迟时间又会影响体验。 我不知道框架开发者使用了什么黑科技,当我使用远程调试时这个问题就消失了。 - 希望提供的能力 navigationStyle="custom" 时,页面初始高度就是整个 Window 的高度,如果没法解决,希望把高度变化放到 ready 事件之前,或者增加一个页面高度变更事件。 备注:我使用 Component 构造器来作为页面,而不是 Page 。
2019-04-26没错,我也遇到这个问题了。 只要在app.json 添加custom 导航栏,就会导致切换tabbar的时候,在第一次加载的时候 上抖动一下。 、 经过我几天几夜的分析,我觉得,这个跟手机性能也有很大的关系,渲染的越慢的手机 这个BUG就越明显。 一旦页面有缓存之后,切换的闪烁效果基本可以被忽略了
自定义 tabBar 首次切换时 布局跳动- 当前 Bug 的表现(可附上截图) 使用 custom tabbar (官方Demo) 如果配置 window: {"navigationStyle": "custom"}, 第一次切换tabbar 会导致布局上移跳动一下, 必定出现 [图片] - 预期表现 第一次切换 布局不跳动 - 复现路径 官方 自定义tabbar Demo 添加 "navigationStyle": "custom" 属性 - 提供一个最简复现 Demo https://developers.weixin.qq.com/s/TaUEbJmZ737V 视频地址如下http://display.6edigital.com/temp/custom-tabbar-video.mov
2019-04-26