react-native – 如何在本机中获取元素的宽度?

前端之家收集整理的这篇文章主要介绍了react-native – 如何在本机中获取元素的宽度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何获得一个元素的宽度作为反应原生如View?
由于反应原生的宽度没有百分比用量,如何获得元素或父元素的宽度?
您可以调用onLayout事件来测量元素: @H_502_6@measureView(event) { console.log('event properties: ',event); console.log('width: ',event.nativeEvent.layout.width) } <View onLayout={(event) => this.measureView(event)}>

就宽度和高度百分比而言,您可以获得窗口宽度和高度,并使用它们:

@H_502_6@var { ... Dimensions } = React const width = Dimensions.get('window').width const height = Dimensions.get('window').height // 80% width width: width * .8,// 25% height height: height / 4,

猜你在找的React相关文章