search

lingxiaoyi / Taro-navigation-bar

微信小程序自定义导航栏组件,navigation,完美适配全部手机
461 stars 72 forks source link

iphone 6s plus 机型 #9

Open sprout-echo opened 5 years ago

sprout-echo commented 5 years ago

ba876ea393e83e4acfaaaddc0a44de4

iphone 6s plus 上 Taro.getMenuButtonBoundingClientRect 这个方法返回的 参数都为0

这种应该怎么弄比较好啊 我现在是直接获取到这个机型 然后给定了值解决的

lingxiaoyi commented 5 years ago

这种应该是version版本太低导致的,不支持aro.getMenuButtonBoundingClientRect这个方法,可以看看不支持这个方法的用户有多少,在考虑兼容,这个兼容起来挺麻烦的

lingxiaoyi commented 5 years ago

昨天也碰到一个不兼容的,升级7.05就可以了.后期我考虑下这块用户多不多,需不需要兼容

sprout-echo commented 5 years ago

这个版本 7.0.3也不是很低吧 不过我看微信社区里 getMenuButtonBoundingClientRect 这个方法好像是有挺多问题的

lingxiaoyi commented 5 years ago

那就得看你自己产品的取舍了,我这个组件很依赖这个方法的,我自测的机子还没遇到这些问题,如果要全部手机所有微信版本不出问题,那只能用原生头部了,最好不要用自定义.微信版本一直在迭代,这些问题过不了多久来看肯定都不算问题的.

sprout-echo commented 5 years ago

嗯啊 谢谢

sprout-echo commented 5 years ago

这个background 可以支持传渐变色不

lingxiaoyi commented 5 years ago

可以的,你传个渐变样式试一下,不行的话还可以自定义样式的

sprout-echo commented 5 years ago

方便给个demo吗？ 我background传 linearGradient会报错 ，ext-class 这个传class名不生效

lingxiaoyi commented 5 years ago

image <NavBar background='linear-gradient(-135deg, #fedcba 0%, rgba(18, 52, 86, 1) 20%, #987 80%)' searchBar onSearch={() => { Taro.navigateTo({ url: '/pages/demo/demo1' }); }} /> 这不是可以吗?直接改样式就行了

sprout-echo commented 5 years ago

嗯 可以了 因为 我把linear-gradient 写驼峰了 linearGradient 谢谢

lingxiaoyi commented 5 years ago

getMenuButtonBoundingClientRect 胶囊按钮信息获取不到或者此方法报错问题已修复 获取菜单报错，需要捕捉异常和兼容版本导航栏渲染不出来