Taro-navigation-bar icon indicating copy to clipboard operation
Taro-navigation-bar copied to clipboard

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

Open silsuer opened this issue 5 years ago • 5 comments

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

silsuer avatar Feb 22 '20 14:02 silsuer

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

alukaa avatar Mar 01 '20 14:03 alukaa

你设置ref 用ref获取试试

lingxiaoyi avatar Mar 02 '20 06:03 lingxiaoyi

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

lingxiaoyi avatar Mar 02 '20 06:03 lingxiaoyi

解决了,辛苦。

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

silsuer avatar Mar 02 '20 11:03 silsuer

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

Anker-z avatar Sep 07 '20 06:09 Anker-z