react native 如何获得控件的宽高

2019-11-06  本文已影响0人  _悟_空

代码如下👇

  _onLayout=(event)=> {
    //使用大括号是为了限制let结构赋值得到的变量的作用域,因为接来下还要结构解构赋值一次
    {
      //获取根View的宽高,以及左上角的坐标值
      let {x, y, width, height} = event.nativeEvent.layout;
      console.log('通过onLayout得到的宽度:' + width);
      console.log('通过onLayout得到的高度:' + height);
      this.setState({
        width: width, 
        height: height,
      })
    }

    //通过Dimensions API获取屏幕宽高
    let {width, height} = Dimensions.get('window');
    console.log('通过Dimensions得到的宽度:' + width);
    console.log('通过Dimensions得到的高度:' + height);
  }

 <View  onLayout={this._onLayout}>
         ....
</View>
上一篇 下一篇

猜你喜欢

热点阅读