美文网首页
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