如何获取元素的宽度反应本地？

Question

如何获得一个元素的宽度反应原生的，如视图？ 由于在原生反应中没有百分比使用宽度，所以如何获取元素或父元素的宽度？

Answer 1

可以调用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,