微信小程序 > 微信公开课 > 自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动
微信小程序,微信公开课,自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动

自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动

2019-03-15 18:14:57

微信公开课小程序热门讨论关于「自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动」的小程序开发问题
补充:自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动
展开:问题仅限于IOS的微信客户端当前Bug的表现预期表现不应出现紫色块(紫色是appjson中windowbackgroundColorBottom设置的颜色)复现路径app配置自定义导航栏(navigationStyle:custom)点击列表页面中项到详情页,详情页切换显示的时候不是全屏状态会出现页面闪动;出现概率:大概点击跳转67次会出现一次,当详情页面内容比较多时,概率会明显上升测试机:iphone6sp性能高的机器复现概率比较低提供一个最简复现Demoappjson{pages:[pagesindexindex,pageslogslogs,pagesindextest],window:{navigationStyle:custom,backgroundTextStyle:light,navigationBarBackgroundColor:fff,navigationBarTitleText:WeChat,navigationBarTextStyle:black,backgroundColor:f44336,backgroundColorTop:e91e63,backgroundColorBottom:9c27b0}}pagesindexindexwxml<!indexwxml<viewclass=containerstyle=display:flex;flexflow:rowwrap;<viewwx:for={{array}}<navigatorurl=teststyle=width:371rpx;height:600rpx;background:url(https:developersweixinqqcomminiprogramintroductionimageapng);border:1pxsolidwhite;<navigator<view<viewpagesindextestwxml<!pagesindextestwxml<viewstyle=height:100%;display:flex;alignitems:center;justifycontent:center;<navigatoropentype=navigateBack<imagesrc=https:developersweixinqqcomminiprogramintroductionimageapng<image<navigator<viewpagesindextestwxss*pagesindextestwxss*page{height:60%!important;background:4caf50;}即速小程序:提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
微信小程序,微信公开课,自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动

「自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动」

微信公开课小程序热门讨论「自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「自定义导航栏模式下,切换页面过程出现没完全满屏情况造成页面底部的内容闪动」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。