美文网首页
react native 如何获得控件的宽高

react native 如何获得控件的宽高

作者: _悟_空 | 来源:发表于2019-11-06 15:45 被阅读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>

相关文章

网友评论

      本文标题:react native 如何获得控件的宽高

      本文链接:https://www.haomeiwen.com/subject/ewbubctx.html