lingxiaoyi / Taro-navigation-bar

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

iphone制作吸顶效果时需要知道navbar的高度,如何获取? #26

Open silsuer opened 4 years ago

silsuer commented 4 years ago

如题,iphone制作吸顶效果时需要知道navbar的高度,如何获取?小程序好像是无法拿到自定义组件的高度的

alukaa commented 4 years ago

同问.使用自定义导航的时候,taro ui的 message消息提示不能显示,应该是被遮挡住了

lingxiaoyi commented 4 years ago

你设置ref 用ref获取试试

lingxiaoyi commented 4 years ago

https://github.com/lingxiaoyi/navigation-bar/blob/master/pages/demo10/index.js 参考这个例子

silsuer commented 4 years ago

解决了,辛苦。

  componentDidMount() {
    this.refs.nav.boundingClientRect().exec(res => {
      console.log(res)
      this.setState({ height: res[0].height })
    })
   }
 render() {
    return (
      <View ref="nav"></View>
   )
  }
Anker-z commented 4 years ago

//获取navBar高度 let { navBarHeight, navBarExtendHeight } = getApp().globalSystemInfo; this.setData({ navBarHeight: (navBarHeight + navBarExtendHeight), })