如何获取元素的宽度作为反应原生如View? 由于本地反应的宽度没有百分比,如何获得元素或父元素的宽度?
答案 0 :(得分:13)
您可以调用onLayout
事件来衡量元素:
measureView(event) {
console.log('event properties: ', event);
console.log('width: ', event.nativeEvent.layout.width)
}
<View onLayout={(event) => this.measureView(event)}>
就宽度和高度百分比而言,您可以获得窗口宽度和高度,并使用它们:
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,