请教一下关于微信小程序动态适配不同机型的方案

2021-03-29 16:31:26 +08:00
 Yukee798

最近在学习 Taro 开发微信小程序,遇到了一个问题就是给一个顶部的 NavBar 设置成了 fixed,然后这个 NavBar 会覆盖下面的内容,为了不让它覆盖,则在其后面加了一个 空的块元素 ,高度设置为 NavBar 的高度即可,但是不同的机型下,NavBar 的高度又不同,那么这个 空的块元素 就需要根据 NavBar 的高度动态变化,有什么 API 可以实现这个需求吗,找了半天文档也没找到,另外请教一下前辈们有其他更好的解决方案吗?

1285 次点击
所在节点    前端开发
5 条回复
DFshpAq3
2021-03-29 16:36:20 +08:00
DFshpAq3
2021-03-29 16:36:44 +08:00
@DFshpAq3 statusBarHeight
Yukee798
2021-03-29 16:58:06 +08:00
@DFshpAq3 感谢!但是 NavBar 是我自定义的组件,它的高度随着不同机型而改变,有什么办法可以拿到它的高度吗。
a1248499257
2021-03-29 18:02:30 +08:00
@Yukee798 拿到了 `statusBarHeight ` 不就可以根据不同机型的高度变了嘛..?
hengstchon
2021-03-29 18:19:56 +08:00
@Yukee798 自己定义的组件为啥会拿不到高度?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/766204

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX