微信小程序现在提供了胶囊按钮的相关信息，现在可以精确计算导航栏高度和文字图标的对其了。
const { width, height, left, top, right } = wx.getMenuButtonBoundingClientRect()
其中，right和left都是以左侧为开始的距离。。如下图：
image.png
设计如下图所示：
36E638E9-786A-4CD5-8893-5703D23B4362.png
import useNavInfo from '../hooks/useNavInfo.tsx'
function somePage(){
const {appHeaderHeight} = useNavInfo()
}
原理 微信小程序现在提供了胶囊按钮的相关信息，现在可以精确计算导航栏高度和文字图标的对其了。 const { wi...
名称：搜索栏 高度：44pt 位置：位于导航栏下方（或者与导航栏共用位置） 作用：帮助用户精确的找到自己所需的信息...
参考 Taro hooks[http://taro-docs.jd.com/taro/docs/hooks/]
1. 状态栏、标题栏、导航栏简介 绝对高度 = 高度 + 状态栏高度 + 导航栏高度RealHeight = He...
Taro Hooks 里面给的demo TodoMVC GitHubTaro版本记得要1.3.0以上 下载完项目,...
自定义导航栏的样式居中问题， 该代码是基于Taro的，其他小程序要改成对应的组件即可。 具体显示的内容，根据具体需...
导航栏 导航栏高度的变化 iOS11之前导航栏默认高度为64pt(这里高度指statusBar + Navigat...
导航栏 导航栏高度的变化 iOS11之前导航栏默认高度为64pt(这里高度指statusBar + Navigat...
导航栏导航栏高度的变化iOS11之前导航栏默认高度为64pt(这里高度指statusBar + Navigatio...
导航栏 导航栏高度的变化 iOS11之前导航栏默认高度为64pt(这里高度指statusBar + Navigat...
本文标题：Taro 3.x 小程序导航栏高度等精确数据的hooks
本文链接：https://www.haomeiwen.com/subject/ghcrkktx.html
网友评论